body,
html {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-x: hidden
}

body {
	font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #212121;
	font-size: 14px;
	line-height: 1.5;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	overflow: hidden
}

.framework7-root {
	overflow: hidden
}

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

a,
input,
select,
textarea {
	outline: 0
}

a {
	text-decoration: none;
	color: #2196f3
}

p {
	margin: 1em 0
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.row>[class*=col-] {
	box-sizing: border-box
}

.row .col-auto {
	width: 100%
}

.row .col-100 {
	width: 100%;
	width: -webkit-calc((100% - 16px*0)/ 1);
	width: calc((100% - 16px*0)/ 1)
}

.row.no-gutter .col-100 {
	width: 100%
}

.row .col-95 {
	width: 95%;
	width: -webkit-calc((100% - 16px*.05263157894736836)/ 1.0526315789473684);
	width: calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)
}

.row.no-gutter .col-95 {
	width: 95%
}

.row .col-90 {
	width: 90%;
	width: -webkit-calc((100% - 16px*.11111111111111116)/ 1.1111111111111112);
	width: calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)
}

.row.no-gutter .col-90 {
	width: 90%
}

.row .col-85 {
	width: 85%;
	width: -webkit-calc((100% - 16px*.17647058823529416)/ 1.1764705882352942);
	width: calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)
}

.row.no-gutter .col-85 {
	width: 85%
}

.row .col-80 {
	width: 80%;
	width: -webkit-calc((100% - 16px*.25)/ 1.25);
	width: calc((100% - 16px*.25)/ 1.25)
}

.row.no-gutter .col-80 {
	width: 80%
}

.row .col-75 {
	width: 75%;
	width: -webkit-calc((100% - 16px*.33333333333333326)/ 1.3333333333333333);
	width: calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)
}

.row.no-gutter .col-75 {
	width: 75%
}

.row .col-70 {
	width: 70%;
	width: -webkit-calc((100% - 16px*.4285714285714286)/ 1.4285714285714286);
	width: calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)
}

.row.no-gutter .col-70 {
	width: 70%
}

.row .col-66 {
	width: 66.66666666666666%;
	width: -webkit-calc((100% - 16px*.5000000000000002)/ 1.5000000000000002);
	width: calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)
}

.row.no-gutter .col-66 {
	width: 66.66666666666666%
}

.row .col-65 {
	width: 65%;
	width: -webkit-calc((100% - 16px*.5384615384615385)/ 1.5384615384615385);
	width: calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)
}

.row.no-gutter .col-65 {
	width: 65%
}

.row .col-60 {
	width: 60%;
	width: -webkit-calc((100% - 16px*.6666666666666667)/ 1.6666666666666667);
	width: calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)
}

.row.no-gutter .col-60 {
	width: 60%
}

.row .col-55 {
	width: 55%;
	width: -webkit-calc((100% - 16px*.8181818181818181)/ 1.8181818181818181);
	width: calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)
}

.row.no-gutter .col-55 {
	width: 55%
}

.row .col-50 {
	width: 50%;
	width: -webkit-calc((100% - 16px*1)/ 2);
	width: calc((100% - 16px*1)/ 2)
}

.row.no-gutter .col-50 {
	width: 50%
}

.row .col-45 {
	width: 45%;
	width: -webkit-calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223);
	width: calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)
}

.row.no-gutter .col-45 {
	width: 45%
}

.row .col-40 {
	width: 40%;
	width: -webkit-calc((100% - 16px*1.5)/ 2.5);
	width: calc((100% - 16px*1.5)/ 2.5)
}

.row.no-gutter .col-40 {
	width: 40%
}

.row .col-35 {
	width: 35%;
	width: -webkit-calc((100% - 16px*1.8571428571428572)/ 2.857142857142857);
	width: calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)
}

.row.no-gutter .col-35 {
	width: 35%
}

.row .col-33 {
	width: 33.333333333333336%;
	width: -webkit-calc((100% - 16px*2)/ 3);
	width: calc((100% - 16px*2)/ 3)
}

.row.no-gutter .col-33 {
	width: 33.333333333333336%
}

.row .col-30 {
	width: 30%;
	width: -webkit-calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335);
	width: calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)
}

.row.no-gutter .col-30 {
	width: 30%
}

.row .col-25 {
	width: 25%;
	width: -webkit-calc((100% - 16px*3)/ 4);
	width: calc((100% - 16px*3)/ 4)
}

.row.no-gutter .col-25 {
	width: 25%
}

.row .col-20 {
	width: 20%;
	width: -webkit-calc((100% - 16px*4)/ 5);
	width: calc((100% - 16px*4)/ 5)
}

.row.no-gutter .col-20 {
	width: 20%
}

.row .col-15 {
	width: 15%;
	width: -webkit-calc((100% - 16px*5.666666666666667)/ 6.666666666666667);
	width: calc((100% - 16px*5.666666666666667)/ 6.666666666666667)
}

.row.no-gutter .col-15 {
	width: 15%
}

.row .col-10 {
	width: 10%;
	width: -webkit-calc((100% - 16px*9)/ 10);
	width: calc((100% - 16px*9)/ 10)
}

.row.no-gutter .col-10 {
	width: 10%
}

.row .col-5 {
	width: 5%;
	width: -webkit-calc((100% - 16px*19)/ 20);
	width: calc((100% - 16px*19)/ 20)
}

.row.no-gutter .col-5 {
	width: 5%
}

.row .col-auto:nth-last-child(1),
.row .col-auto:nth-last-child(1)~.col-auto {
	width: 100%;
	width: -webkit-calc((100% - 16px*0)/ 1);
	width: calc((100% - 16px*0)/ 1)
}

.row.no-gutter .col-auto:nth-last-child(1),
.row.no-gutter .col-auto:nth-last-child(1)~.col-auto {
	width: 100%
}

.row .col-auto:nth-last-child(2),
.row .col-auto:nth-last-child(2)~.col-auto {
	width: 50%;
	width: -webkit-calc((100% - 16px*1)/ 2);
	width: calc((100% - 16px*1)/ 2)
}

.row.no-gutter .col-auto:nth-last-child(2),
.row.no-gutter .col-auto:nth-last-child(2)~.col-auto {
	width: 50%
}

.row .col-auto:nth-last-child(3),
.row .col-auto:nth-last-child(3)~.col-auto {
	width: 33.33333333%;
	width: -webkit-calc((100% - 16px*2)/ 3);
	width: calc((100% - 16px*2)/ 3)
}

.row.no-gutter .col-auto:nth-last-child(3),
.row.no-gutter .col-auto:nth-last-child(3)~.col-auto {
	width: 33.33333333%
}

.row .col-auto:nth-last-child(4),
.row .col-auto:nth-last-child(4)~.col-auto {
	width: 25%;
	width: -webkit-calc((100% - 16px*3)/ 4);
	width: calc((100% - 16px*3)/ 4)
}

.row.no-gutter .col-auto:nth-last-child(4),
.row.no-gutter .col-auto:nth-last-child(4)~.col-auto {
	width: 25%
}

.row .col-auto:nth-last-child(5),
.row .col-auto:nth-last-child(5)~.col-auto {
	width: 20%;
	width: -webkit-calc((100% - 16px*4)/ 5);
	width: calc((100% - 16px*4)/ 5)
}

.row.no-gutter .col-auto:nth-last-child(5),
.row.no-gutter .col-auto:nth-last-child(5)~.col-auto {
	width: 20%
}

.row .col-auto:nth-last-child(6),
.row .col-auto:nth-last-child(6)~.col-auto {
	width: 16.66666667%;
	width: -webkit-calc((100% - 16px*5)/ 6);
	width: calc((100% - 16px*5)/ 6)
}

.row.no-gutter .col-auto:nth-last-child(6),
.row.no-gutter .col-auto:nth-last-child(6)~.col-auto {
	width: 16.66666667%
}

.row .col-auto:nth-last-child(7),
.row .col-auto:nth-last-child(7)~.col-auto {
	width: 14.28571429%;
	width: -webkit-calc((100% - 16px*6)/ 7);
	width: calc((100% - 16px*6)/ 7)
}

.row.no-gutter .col-auto:nth-last-child(7),
.row.no-gutter .col-auto:nth-last-child(7)~.col-auto {
	width: 14.28571429%
}

.row .col-auto:nth-last-child(8),
.row .col-auto:nth-last-child(8)~.col-auto {
	width: 12.5%;
	width: -webkit-calc((100% - 16px*7)/ 8);
	width: calc((100% - 16px*7)/ 8)
}

.row.no-gutter .col-auto:nth-last-child(8),
.row.no-gutter .col-auto:nth-last-child(8)~.col-auto {
	width: 12.5%
}

.row .col-auto:nth-last-child(9),
.row .col-auto:nth-last-child(9)~.col-auto {
	width: 11.11111111%;
	width: -webkit-calc((100% - 16px*8)/ 9);
	width: calc((100% - 16px*8)/ 9)
}

.row.no-gutter .col-auto:nth-last-child(9),
.row.no-gutter .col-auto:nth-last-child(9)~.col-auto {
	width: 11.11111111%
}

.row .col-auto:nth-last-child(10),
.row .col-auto:nth-last-child(10)~.col-auto {
	width: 10%;
	width: -webkit-calc((100% - 16px*9)/ 10);
	width: calc((100% - 16px*9)/ 10)
}

.row.no-gutter .col-auto:nth-last-child(10),
.row.no-gutter .col-auto:nth-last-child(10)~.col-auto {
	width: 10%
}

.row .col-auto:nth-last-child(11),
.row .col-auto:nth-last-child(11)~.col-auto {
	width: 9.09090909%;
	width: -webkit-calc((100% - 16px*10)/ 11);
	width: calc((100% - 16px*10)/ 11)
}

.row.no-gutter .col-auto:nth-last-child(11),
.row.no-gutter .col-auto:nth-last-child(11)~.col-auto {
	width: 9.09090909%
}

.row .col-auto:nth-last-child(12),
.row .col-auto:nth-last-child(12)~.col-auto {
	width: 8.33333333%;
	width: -webkit-calc((100% - 16px*11)/ 12);
	width: calc((100% - 16px*11)/ 12)
}

.row.no-gutter .col-auto:nth-last-child(12),
.row.no-gutter .col-auto:nth-last-child(12)~.col-auto {
	width: 8.33333333%
}

.row .col-auto:nth-last-child(13),
.row .col-auto:nth-last-child(13)~.col-auto {
	width: 7.69230769%;
	width: -webkit-calc((100% - 16px*12)/ 13);
	width: calc((100% - 16px*12)/ 13)
}

.row.no-gutter .col-auto:nth-last-child(13),
.row.no-gutter .col-auto:nth-last-child(13)~.col-auto {
	width: 7.69230769%
}

.row .col-auto:nth-last-child(14),
.row .col-auto:nth-last-child(14)~.col-auto {
	width: 7.14285714%;
	width: -webkit-calc((100% - 16px*13)/ 14);
	width: calc((100% - 16px*13)/ 14)
}

.row.no-gutter .col-auto:nth-last-child(14),
.row.no-gutter .col-auto:nth-last-child(14)~.col-auto {
	width: 7.14285714%
}

.row .col-auto:nth-last-child(15),
.row .col-auto:nth-last-child(15)~.col-auto {
	width: 6.66666667%;
	width: -webkit-calc((100% - 16px*14)/ 15);
	width: calc((100% - 16px*14)/ 15)
}

.row.no-gutter .col-auto:nth-last-child(15),
.row.no-gutter .col-auto:nth-last-child(15)~.col-auto {
	width: 6.66666667%
}

.row .col-auto:nth-last-child(16),
.row .col-auto:nth-last-child(16)~.col-auto {
	width: 6.25%;
	width: -webkit-calc((100% - 16px*15)/ 16);
	width: calc((100% - 16px*15)/ 16)
}

.row.no-gutter .col-auto:nth-last-child(16),
.row.no-gutter .col-auto:nth-last-child(16)~.col-auto {
	width: 6.25%
}

.row .col-auto:nth-last-child(17),
.row .col-auto:nth-last-child(17)~.col-auto {
	width: 5.88235294%;
	width: -webkit-calc((100% - 16px*16)/ 17);
	width: calc((100% - 16px*16)/ 17)
}

.row.no-gutter .col-auto:nth-last-child(17),
.row.no-gutter .col-auto:nth-last-child(17)~.col-auto {
	width: 5.88235294%
}

.row .col-auto:nth-last-child(18),
.row .col-auto:nth-last-child(18)~.col-auto {
	width: 5.55555556%;
	width: -webkit-calc((100% - 16px*17)/ 18);
	width: calc((100% - 16px*17)/ 18)
}

.row.no-gutter .col-auto:nth-last-child(18),
.row.no-gutter .col-auto:nth-last-child(18)~.col-auto {
	width: 5.55555556%
}

.row .col-auto:nth-last-child(19),
.row .col-auto:nth-last-child(19)~.col-auto {
	width: 5.26315789%;
	width: -webkit-calc((100% - 16px*18)/ 19);
	width: calc((100% - 16px*18)/ 19)
}

.row.no-gutter .col-auto:nth-last-child(19),
.row.no-gutter .col-auto:nth-last-child(19)~.col-auto {
	width: 5.26315789%
}

.row .col-auto:nth-last-child(20),
.row .col-auto:nth-last-child(20)~.col-auto {
	width: 5%;
	width: -webkit-calc((100% - 16px*19)/ 20);
	width: calc((100% - 16px*19)/ 20)
}

.row.no-gutter .col-auto:nth-last-child(20),
.row.no-gutter .col-auto:nth-last-child(20)~.col-auto {
	width: 5%
}

.row .col-auto:nth-last-child(21),
.row .col-auto:nth-last-child(21)~.col-auto {
	width: 4.76190476%;
	width: -webkit-calc((100% - 16px*20)/ 21);
	width: calc((100% - 16px*20)/ 21)
}

.row.no-gutter .col-auto:nth-last-child(21),
.row.no-gutter .col-auto:nth-last-child(21)~.col-auto {
	width: 4.76190476%
}

@media all and (min-width:768px) {
	.row .tablet-100 {
		width: 100%;
		width: -webkit-calc((100% - 16px*0)/ 1);
		width: calc((100% - 16px*0)/ 1)
	}

	.row.no-gutter .tablet-100 {
		width: 100%
	}

	.row .tablet-95 {
		width: 95%;
		width: -webkit-calc((100% - 16px*.05263157894736836)/ 1.0526315789473684);
		width: calc((100% - 16px*.05263157894736836)/ 1.0526315789473684)
	}

	.row.no-gutter .tablet-95 {
		width: 95%
	}

	.row .tablet-90 {
		width: 90%;
		width: -webkit-calc((100% - 16px*.11111111111111116)/ 1.1111111111111112);
		width: calc((100% - 16px*.11111111111111116)/ 1.1111111111111112)
	}

	.row.no-gutter .tablet-90 {
		width: 90%
	}

	.row .tablet-85 {
		width: 85%;
		width: -webkit-calc((100% - 16px*.17647058823529416)/ 1.1764705882352942);
		width: calc((100% - 16px*.17647058823529416)/ 1.1764705882352942)
	}

	.row.no-gutter .tablet-85 {
		width: 85%
	}

	.row .tablet-80 {
		width: 80%;
		width: -webkit-calc((100% - 16px*.25)/ 1.25);
		width: calc((100% - 16px*.25)/ 1.25)
	}

	.row.no-gutter .tablet-80 {
		width: 80%
	}

	.row .tablet-75 {
		width: 75%;
		width: -webkit-calc((100% - 16px*.33333333333333326)/ 1.3333333333333333);
		width: calc((100% - 16px*.33333333333333326)/ 1.3333333333333333)
	}

	.row.no-gutter .tablet-75 {
		width: 75%
	}

	.row .tablet-70 {
		width: 70%;
		width: -webkit-calc((100% - 16px*.4285714285714286)/ 1.4285714285714286);
		width: calc((100% - 16px*.4285714285714286)/ 1.4285714285714286)
	}

	.row.no-gutter .tablet-70 {
		width: 70%
	}

	.row .tablet-66 {
		width: 66.66666666666666%;
		width: -webkit-calc((100% - 16px*.5000000000000002)/ 1.5000000000000002);
		width: calc((100% - 16px*.5000000000000002)/ 1.5000000000000002)
	}

	.row.no-gutter .tablet-66 {
		width: 66.66666666666666%
	}

	.row .tablet-65 {
		width: 65%;
		width: -webkit-calc((100% - 16px*.5384615384615385)/ 1.5384615384615385);
		width: calc((100% - 16px*.5384615384615385)/ 1.5384615384615385)
	}

	.row.no-gutter .tablet-65 {
		width: 65%
	}

	.row .tablet-60 {
		width: 60%;
		width: -webkit-calc((100% - 16px*.6666666666666667)/ 1.6666666666666667);
		width: calc((100% - 16px*.6666666666666667)/ 1.6666666666666667)
	}

	.row.no-gutter .tablet-60 {
		width: 60%
	}

	.row .tablet-55 {
		width: 55%;
		width: -webkit-calc((100% - 16px*.8181818181818181)/ 1.8181818181818181);
		width: calc((100% - 16px*.8181818181818181)/ 1.8181818181818181)
	}

	.row.no-gutter .tablet-55 {
		width: 55%
	}

	.row .tablet-50 {
		width: 50%;
		width: -webkit-calc((100% - 16px*1)/ 2);
		width: calc((100% - 16px*1)/ 2)
	}

	.row.no-gutter .tablet-50 {
		width: 50%
	}

	.row .tablet-45 {
		width: 45%;
		width: -webkit-calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223);
		width: calc((100% - 16px*1.2222222222222223)/ 2.2222222222222223)
	}

	.row.no-gutter .tablet-45 {
		width: 45%
	}

	.row .tablet-40 {
		width: 40%;
		width: -webkit-calc((100% - 16px*1.5)/ 2.5);
		width: calc((100% - 16px*1.5)/ 2.5)
	}

	.row.no-gutter .tablet-40 {
		width: 40%
	}

	.row .tablet-35 {
		width: 35%;
		width: -webkit-calc((100% - 16px*1.8571428571428572)/ 2.857142857142857);
		width: calc((100% - 16px*1.8571428571428572)/ 2.857142857142857)
	}

	.row.no-gutter .tablet-35 {
		width: 35%
	}

	.row .tablet-33 {
		width: 33.333333333333336%;
		width: -webkit-calc((100% - 16px*2)/ 3);
		width: calc((100% - 16px*2)/ 3)
	}

	.row.no-gutter .tablet-33 {
		width: 33.333333333333336%
	}

	.row .tablet-30 {
		width: 30%;
		width: -webkit-calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335);
		width: calc((100% - 16px*2.3333333333333335)/ 3.3333333333333335)
	}

	.row.no-gutter .tablet-30 {
		width: 30%
	}

	.row .tablet-25 {
		width: 25%;
		width: -webkit-calc((100% - 16px*3)/ 4);
		width: calc((100% - 16px*3)/ 4)
	}

	.row.no-gutter .tablet-25 {
		width: 25%
	}

	.row .tablet-20 {
		width: 20%;
		width: -webkit-calc((100% - 16px*4)/ 5);
		width: calc((100% - 16px*4)/ 5)
	}

	.row.no-gutter .tablet-20 {
		width: 20%
	}

	.row .tablet-15 {
		width: 15%;
		width: -webkit-calc((100% - 16px*5.666666666666667)/ 6.666666666666667);
		width: calc((100% - 16px*5.666666666666667)/ 6.666666666666667)
	}

	.row.no-gutter .tablet-15 {
		width: 15%
	}

	.row .tablet-10 {
		width: 10%;
		width: -webkit-calc((100% - 16px*9)/ 10);
		width: calc((100% - 16px*9)/ 10)
	}

	.row.no-gutter .tablet-10 {
		width: 10%
	}

	.row .tablet-5 {
		width: 5%;
		width: -webkit-calc((100% - 16px*19)/ 20);
		width: calc((100% - 16px*19)/ 20)
	}

	.row.no-gutter .tablet-5 {
		width: 5%
	}

	.row .tablet-auto:nth-last-child(1),
	.row .tablet-auto:nth-last-child(1)~.col-auto {
		width: 100%;
		width: -webkit-calc((100% - 16px*0)/ 1);
		width: calc((100% - 16px*0)/ 1)
	}

	.row.no-gutter .tablet-auto:nth-last-child(1),
	.row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto {
		width: 100%
	}

	.row .tablet-auto:nth-last-child(2),
	.row .tablet-auto:nth-last-child(2)~.col-auto {
		width: 50%;
		width: -webkit-calc((100% - 16px*1)/ 2);
		width: calc((100% - 16px*1)/ 2)
	}

	.row.no-gutter .tablet-auto:nth-last-child(2),
	.row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto {
		width: 50%
	}

	.row .tablet-auto:nth-last-child(3),
	.row .tablet-auto:nth-last-child(3)~.col-auto {
		width: 33.33333333%;
		width: -webkit-calc((100% - 16px*2)/ 3);
		width: calc((100% - 16px*2)/ 3)
	}

	.row.no-gutter .tablet-auto:nth-last-child(3),
	.row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto {
		width: 33.33333333%
	}

	.row .tablet-auto:nth-last-child(4),
	.row .tablet-auto:nth-last-child(4)~.col-auto {
		width: 25%;
		width: -webkit-calc((100% - 16px*3)/ 4);
		width: calc((100% - 16px*3)/ 4)
	}

	.row.no-gutter .tablet-auto:nth-last-child(4),
	.row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto {
		width: 25%
	}

	.row .tablet-auto:nth-last-child(5),
	.row .tablet-auto:nth-last-child(5)~.col-auto {
		width: 20%;
		width: -webkit-calc((100% - 16px*4)/ 5);
		width: calc((100% - 16px*4)/ 5)
	}

	.row.no-gutter .tablet-auto:nth-last-child(5),
	.row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto {
		width: 20%
	}

	.row .tablet-auto:nth-last-child(6),
	.row .tablet-auto:nth-last-child(6)~.col-auto {
		width: 16.66666667%;
		width: -webkit-calc((100% - 16px*5)/ 6);
		width: calc((100% - 16px*5)/ 6)
	}

	.row.no-gutter .tablet-auto:nth-last-child(6),
	.row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto {
		width: 16.66666667%
	}

	.row .tablet-auto:nth-last-child(7),
	.row .tablet-auto:nth-last-child(7)~.col-auto {
		width: 14.28571429%;
		width: -webkit-calc((100% - 16px*6)/ 7);
		width: calc((100% - 16px*6)/ 7)
	}

	.row.no-gutter .tablet-auto:nth-last-child(7),
	.row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto {
		width: 14.28571429%
	}

	.row .tablet-auto:nth-last-child(8),
	.row .tablet-auto:nth-last-child(8)~.col-auto {
		width: 12.5%;
		width: -webkit-calc((100% - 16px*7)/ 8);
		width: calc((100% - 16px*7)/ 8)
	}

	.row.no-gutter .tablet-auto:nth-last-child(8),
	.row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto {
		width: 12.5%
	}

	.row .tablet-auto:nth-last-child(9),
	.row .tablet-auto:nth-last-child(9)~.col-auto {
		width: 11.11111111%;
		width: -webkit-calc((100% - 16px*8)/ 9);
		width: calc((100% - 16px*8)/ 9)
	}

	.row.no-gutter .tablet-auto:nth-last-child(9),
	.row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto {
		width: 11.11111111%
	}

	.row .tablet-auto:nth-last-child(10),
	.row .tablet-auto:nth-last-child(10)~.col-auto {
		width: 10%;
		width: -webkit-calc((100% - 16px*9)/ 10);
		width: calc((100% - 16px*9)/ 10)
	}

	.row.no-gutter .tablet-auto:nth-last-child(10),
	.row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto {
		width: 10%
	}

	.row .tablet-auto:nth-last-child(11),
	.row .tablet-auto:nth-last-child(11)~.col-auto {
		width: 9.09090909%;
		width: -webkit-calc((100% - 16px*10)/ 11);
		width: calc((100% - 16px*10)/ 11)
	}

	.row.no-gutter .tablet-auto:nth-last-child(11),
	.row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto {
		width: 9.09090909%
	}

	.row .tablet-auto:nth-last-child(12),
	.row .tablet-auto:nth-last-child(12)~.col-auto {
		width: 8.33333333%;
		width: -webkit-calc((100% - 16px*11)/ 12);
		width: calc((100% - 16px*11)/ 12)
	}

	.row.no-gutter .tablet-auto:nth-last-child(12),
	.row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto {
		width: 8.33333333%
	}

	.row .tablet-auto:nth-last-child(13),
	.row .tablet-auto:nth-last-child(13)~.col-auto {
		width: 7.69230769%;
		width: -webkit-calc((100% - 16px*12)/ 13);
		width: calc((100% - 16px*12)/ 13)
	}

	.row.no-gutter .tablet-auto:nth-last-child(13),
	.row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto {
		width: 7.69230769%
	}

	.row .tablet-auto:nth-last-child(14),
	.row .tablet-auto:nth-last-child(14)~.col-auto {
		width: 7.14285714%;
		width: -webkit-calc((100% - 16px*13)/ 14);
		width: calc((100% - 16px*13)/ 14)
	}

	.row.no-gutter .tablet-auto:nth-last-child(14),
	.row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto {
		width: 7.14285714%
	}

	.row .tablet-auto:nth-last-child(15),
	.row .tablet-auto:nth-last-child(15)~.col-auto {
		width: 6.66666667%;
		width: -webkit-calc((100% - 16px*14)/ 15);
		width: calc((100% - 16px*14)/ 15)
	}

	.row.no-gutter .tablet-auto:nth-last-child(15),
	.row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto {
		width: 6.66666667%
	}

	.row .tablet-auto:nth-last-child(16),
	.row .tablet-auto:nth-last-child(16)~.col-auto {
		width: 6.25%;
		width: -webkit-calc((100% - 16px*15)/ 16);
		width: calc((100% - 16px*15)/ 16)
	}

	.row.no-gutter .tablet-auto:nth-last-child(16),
	.row.no-gutter .tablet-auto:nth-last-child(16)~.tablet-auto {
		width: 6.25%
	}

	.row .tablet-auto:nth-last-child(17),
	.row .tablet-auto:nth-last-child(17)~.col-auto {
		width: 5.88235294%;
		width: -webkit-calc((100% - 16px*16)/ 17);
		width: calc((100% - 16px*16)/ 17)
	}

	.row.no-gutter .tablet-auto:nth-last-child(17),
	.row.no-gutter .tablet-auto:nth-last-child(17)~.tablet-auto {
		width: 5.88235294%
	}

	.row .tablet-auto:nth-last-child(18),
	.row .tablet-auto:nth-last-child(18)~.col-auto {
		width: 5.55555556%;
		width: -webkit-calc((100% - 16px*17)/ 18);
		width: calc((100% - 16px*17)/ 18)
	}

	.row.no-gutter .tablet-auto:nth-last-child(18),
	.row.no-gutter .tablet-auto:nth-last-child(18)~.tablet-auto {
		width: 5.55555556%
	}

	.row .tablet-auto:nth-last-child(19),
	.row .tablet-auto:nth-last-child(19)~.col-auto {
		width: 5.26315789%;
		width: -webkit-calc((100% - 16px*18)/ 19);
		width: calc((100% - 16px*18)/ 19)
	}

	.row.no-gutter .tablet-auto:nth-last-child(19),
	.row.no-gutter .tablet-auto:nth-last-child(19)~.tablet-auto {
		width: 5.26315789%
	}

	.row .tablet-auto:nth-last-child(20),
	.row .tablet-auto:nth-last-child(20)~.col-auto {
		width: 5%;
		width: -webkit-calc((100% - 16px*19)/ 20);
		width: calc((100% - 16px*19)/ 20)
	}

	.row.no-gutter .tablet-auto:nth-last-child(20),
	.row.no-gutter .tablet-auto:nth-last-child(20)~.tablet-auto {
		width: 5%
	}

	.row .tablet-auto:nth-last-child(21),
	.row .tablet-auto:nth-last-child(21)~.col-auto {
		width: 4.76190476%;
		width: -webkit-calc((100% - 16px*20)/ 21);
		width: calc((100% - 16px*20)/ 21)
	}

	.row.no-gutter .tablet-auto:nth-last-child(21),
	.row.no-gutter .tablet-auto:nth-last-child(21)~.tablet-auto {
		width: 4.76190476%
	}
}

.view,
.views {
	position: relative;
	height: 100%;
	z-index: 5000
}

.views {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.view {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box
}

.pages {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.page {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.page.cached {
	display: none
}

.page-on-left {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.page-on-right {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translate3d(0, 56px, 0);
	transform: translate3d(0, 56px, 0)
}

.page-content {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	z-index: 1
}

.page-transitioning {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.page-from-right-to-center {
	pointer-events: none;
	-webkit-animation: pageFromRightToCenter .3s forwards;
	animation: pageFromRightToCenter .3s forwards
}

.page-from-center-to-right {
	pointer-events: none;
	-webkit-animation: pageFromCenterToRight .3s forwards;
	animation: pageFromCenterToRight .3s forwards
}

@-webkit-keyframes pageFromRightToCenter {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 56px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@keyframes pageFromRightToCenter {
	from {
		opacity: 0;
		transform: translate3d(0, 56px, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes pageFromCenterToRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 56px, 0)
	}
}

@keyframes pageFromCenterToRight {
	from {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, 56px, 0)
	}
}

.page-from-center-to-left {
	-webkit-animation: pageFromCenterToLeft .3s forwards;
	animation: pageFromCenterToLeft .3s forwards
}

.page-from-left-to-center {
	-webkit-animation: pageFromLeftToCenter .3s forwards;
	animation: pageFromLeftToCenter .3s forwards
}

@-webkit-keyframes pageFromCenterToLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

@keyframes pageFromCenterToLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes pageFromLeftToCenter {
	from {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

@keyframes pageFromLeftToCenter {
	from {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

.navbar-inner,
.toolbar-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.navbar-inner {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.toolbar-inner {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.navbar-inner.cached {
	display: none
}

.navbar,
.toolbar {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	margin: 0;
	z-index: 500;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #fff
}

.navbar b,
.toolbar b {
	font-weight: 500
}

.navbar~.toolbar {
	z-index: 499
}

.navbar,
.subnavbar,
.toolbar {
	background: #2196f3
}

.navbar a.link,
.subnavbar a.link,
.toolbar a.link {
	text-decoration: none;
	position: relative;
	color: #fff;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 16px;
	min-width: 48px
}

.navbar a.link:before,
.subnavbar a.link:before,
.toolbar a.link:before {
	content: '';
	width: 152%;
	height: 152%;
	position: absolute;
	left: -26%;
	top: -26%;
	background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, .15) 66%, rgba(255, 255, 255, 0) 66%);
	background-image: radial-gradient(circle at center, rgba(255, 255, 255, .15) 66%, rgba(255, 255, 255, 0) 66%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition-duration: .6s;
	transition-duration: .6s
}

.navbar a.link.active-state:before,
.subnavbar a.link.active-state:before,
.toolbar a.link.active-state:before,
html:not(.watch-active-state) .navbar a.link:active:before,
html:not(.watch-active-state) .subnavbar a.link:active:before,
html:not(.watch-active-state) .toolbar a.link:active:before {
	opacity: 1;
	-webkit-transition-duration: 150ms;
	transition-duration: 150ms
}

.navbar a.link i+i,
.navbar a.link i+span,
.navbar a.link span+i,
.navbar a.link span+span,
.subnavbar a.link i+i,
.subnavbar a.link i+span,
.subnavbar a.link span+i,
.subnavbar a.link span+span,
.toolbar a.link i+i,
.toolbar a.link i+span,
.toolbar a.link span+i,
.toolbar a.link span+span {
	margin-left: 8px
}

.navbar a.icon-only,
.subnavbar a.icon-only,
.toolbar a.icon-only {
	min-width: 0;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.navbar i.icon,
.subnavbar i.icon,
.toolbar i.icon {
	display: block
}

.navbar .center,
.subnavbar .center {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 0 16px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 56px;
	display: inline-block;
	text-align: left
}

.navbar .left,
.navbar .right,
.subnavbar .left,
.subnavbar .right {
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.navbar .right,
.subnavbar .right {
	margin-left: auto
}

.navbar .right:first-child,
.subnavbar .right:first-child {
	position: absolute;
	right: 16px;
	height: 100%
}

.navbar {
	left: 0;
	top: 0;
	height: 56px;
	font-size: 20px
}

.navbar a.link {
	line-height: 56px;
	height: 56px
}

.popup .navbar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.subnavbar {
	height: 48px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 20;
	box-sizing: border-box;
	padding: 0 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden
}

.subnavbar a.link {
	line-height: 48px;
	height: 48px
}

.subnavbar .center {
	line-height: 48px
}

.subnavbar .center:first-child {
	margin-left: 56px
}

.navbar.no-border .subnavbar {
	margin-top: 0
}

.navbar-on-left .subnavbar,
.navbar-on-right .subnavbar {
	pointer-events: none
}

.navbar .subnavbar,
.page .subnavbar {
	position: absolute
}

.page>.subnavbar {
	top: 0;
	margin-top: 0
}

.subnavbar>.buttons-row {
	width: 100%
}

.subnavbar .searchbar,
.subnavbar.searchbar {
	position: absolute
}

.subnavbar .searchbar,
.subnavbar.searchbar {
	position: absolute
}

.subnavbar .searchbar {
	left: 0;
	top: 0
}

.toolbar {
	left: 0;
	bottom: 0;
	height: 48px;
	font-size: 14px
}

.toolbar a.link {
	line-height: 48px;
	height: 48px
}

.toolbar a {
	-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis
}

.tabbar {
	z-index: 5001;
	overflow: hidden;
	bottom: auto;
	top: 0
}

.tabbar .toolbar-inner {
	padding-left: 0;
	padding-right: 0
}

.tabbar a.link {
	line-height: 1.4
}

.tabbar a.link,
.tabbar a.tab-link {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-size: 14px;
	text-transform: uppercase
}

.tabbar i.icon {
	height: 24px
}

.tabbar a.tab-link {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	overflow: hidden;
	color: rgba(255, 255, 255, .7);
	position: relative
}

.tabbar a.tab-link.active,
.tabbar a.tab-link.active-state,
html:not(.watch-active-state) .tabbar a.tab-link:active {
	color: #fff
}

.tabbar .tab-link-highlight {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	background: #0a6ebd;
	background: rgba(255, 255, 255, .5);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.tabbar-labels {
	height: 72px
}

.tabbar-labels a.link,
.tabbar-labels a.tab-link {
	padding-top: 12px;
	padding-bottom: 12px;
	height: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.tabbar-labels span.tabbar-label {
	line-height: 1;
	display: block;
	margin: 0;
	margin-top: 10px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%
}

.tabbar-labels.toolbar-bottom span.tabbar-label {
	text-transform: none
}

.tabbar-scrollable .toolbar-inner {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	overflow: auto
}

.tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	opacity: 0 !important
}

.tabbar-scrollable a.link,
.tabbar-scrollable a.tab-link {
	width: auto;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	-ms-flex: 0;
	padding: 0 16px
}

.toolbar-bottom {
	bottom: 0;
	top: auto
}

.toolbar-bottom .tab-link-highlight {
	bottom: auto;
	top: 0
}

.navbar input[type=email],
.navbar input[type=password],
.navbar input[type=search],
.navbar input[type=tel],
.navbar input[type=text],
.navbar input[type=url],
.subnavbar input[type=email],
.subnavbar input[type=password],
.subnavbar input[type=search],
.subnavbar input[type=tel],
.subnavbar input[type=text],
.subnavbar input[type=url] {
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	display: block;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 0;
	font-family: inherit;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	background-color: transparent;
	padding: 0;
	border-bottom: 1px solid #fff
}

.navbar input[type=email]::-webkit-input-placeholder,
.navbar input[type=password]::-webkit-input-placeholder,
.navbar input[type=search]::-webkit-input-placeholder,
.navbar input[type=tel]::-webkit-input-placeholder,
.navbar input[type=text]::-webkit-input-placeholder,
.navbar input[type=url]::-webkit-input-placeholder,
.subnavbar input[type=email]::-webkit-input-placeholder,
.subnavbar input[type=password]::-webkit-input-placeholder,
.subnavbar input[type=search]::-webkit-input-placeholder,
.subnavbar input[type=tel]::-webkit-input-placeholder,
.subnavbar input[type=text]::-webkit-input-placeholder,
.subnavbar input[type=url]::-webkit-input-placeholder {
	color: #fff;
	opacity: 1
}

.page>.navbar,
.page>.toolbar,
.view>.navbar,
.view>.toolbar,
.views>.navbar,
.views>.toolbar {
	position: absolute
}

.subnavbar~.page-content {
	padding-top: 48px
}

.tabbar-fixed .page-content,
.toolbar-fixed .page-content {
	padding-top: 48px
}

.tabbar-labels-fixed .page-content {
	padding-top: 72px
}

.toolbar~.page-content {
	padding-top: 48px
}

.tabbar-labels~.page-content {
	padding-top: 72px
}

.messagebar~.page-content,
.messagebar~.pages .page-content,
.messagebar~.view .page-content,
.toolbar-bottom~.page-content,
.toolbar-bottom~.pages .page-content,
.toolbar-bottom~.view .page-content {
	padding-top: 0;
	padding-bottom: 48px
}

.tabbar-labels.toolbar-bottom~.page .page-content,
.tabbar-labels.toolbar-bottom~.page-content,
.tabbar-labels.toolbar-bottom~.pages .page-content,
.tabbar-labels.toolbar-bottom~.view .page-content {
	padding-bottom: 72px
}

.navbar-fixed .page-content,
.navbar-fixed.pages .page-content,
.navbar-fixed.view .page-content,
.navbar-through .page-content,
.navbar-through.pages .page-content,
.navbar-through.view .page-content {
	padding-top: 56px
}

.navbar-fixed .tabbar-fixed .page-content,
.navbar-fixed .toolbar-fixed .page-content,
.navbar-fixed.tabbar-fixed .page-content,
.navbar-fixed.toolbar-fixed .page-content,
.navbar-through .tabbar-fixed .page-content,
.navbar-through .toolbar-fixed .page-content,
.navbar-through.tabbar-fixed .page-content,
.navbar-through.toolbar-fixed .page-content,
.tabbar-fixed .navbar-fixed .page-content,
.tabbar-fixed .navbar-through .page-content,
.toolbar-fixed .navbar-fixed .page-content,
.toolbar-fixed .navbar-through .page-content {
	padding-top: 104px
}

.navbar-fixed .tabbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-fixed .tabbar-fixed .toolbar-bottom~.view .page-content,
.navbar-fixed .toolbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-fixed .toolbar-fixed .toolbar-bottom~.view .page-content,
.navbar-fixed.tabbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-fixed.tabbar-fixed .toolbar-bottom~.view .page-content,
.navbar-fixed.toolbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-fixed.toolbar-fixed .toolbar-bottom~.view .page-content,
.navbar-through .tabbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-through .tabbar-fixed .toolbar-bottom~.view .page-content,
.navbar-through .toolbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-through .toolbar-fixed .toolbar-bottom~.view .page-content,
.navbar-through.tabbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-through.tabbar-fixed .toolbar-bottom~.view .page-content,
.navbar-through.toolbar-fixed .toolbar-bottom~.pages .page-content,
.navbar-through.toolbar-fixed .toolbar-bottom~.view .page-content,
.tabbar-fixed .navbar-fixed .toolbar-bottom~.pages .page-content,
.tabbar-fixed .navbar-fixed .toolbar-bottom~.view .page-content,
.tabbar-fixed .navbar-through .toolbar-bottom~.pages .page-content,
.tabbar-fixed .navbar-through .toolbar-bottom~.view .page-content,
.toolbar-fixed .navbar-fixed .toolbar-bottom~.pages .page-content,
.toolbar-fixed .navbar-fixed .toolbar-bottom~.view .page-content,
.toolbar-fixed .navbar-through .toolbar-bottom~.pages .page-content,
.toolbar-fixed .navbar-through .toolbar-bottom~.view .page-content {
	padding-top: 56px
}

.navbar-fixed .tabbar-labels-fixed .page-content,
.navbar-fixed.tabbar-labels-fixed .page-content,
.navbar-through .tabbar-labels-fixed .page-content,
.navbar-through.tabbar-labels-fixed .page-content,
.tabbar-labels-fixed .navbar-fixed .page-content,
.tabbar-labels-fixed .navbar-through .page-content {
	padding-top: 128px
}

.navbar-fixed .tabbar-labels-fixed .toolbar-bottom~.pages .page-content,
.navbar-fixed .tabbar-labels-fixed .toolbar-bottom~.view .page-content,
.navbar-fixed.tabbar-labels-fixed .toolbar-bottom~.pages .page-content,
.navbar-fixed.tabbar-labels-fixed .toolbar-bottom~.view .page-content,
.navbar-through .tabbar-labels-fixed .toolbar-bottom~.pages .page-content,
.navbar-through .tabbar-labels-fixed .toolbar-bottom~.view .page-content,
.navbar-through.tabbar-labels-fixed .toolbar-bottom~.pages .page-content,
.navbar-through.tabbar-labels-fixed .toolbar-bottom~.view .page-content,
.tabbar-labels-fixed .navbar-fixed .toolbar-bottom~.pages .page-content,
.tabbar-labels-fixed .navbar-fixed .toolbar-bottom~.view .page-content,
.tabbar-labels-fixed .navbar-through .toolbar-bottom~.pages .page-content,
.tabbar-labels-fixed .navbar-through .toolbar-bottom~.view .page-content {
	padding-top: 56px
}

.navbar-fixed .toolbar~.page-content,
.navbar-through .toolbar~.page-content {
	padding-top: 104px
}

.navbar-fixed .messagebar~.page-content,
.navbar-fixed .toolbar-bottom~.page-content,
.navbar-through .messagebar~.page-content,
.navbar-through .toolbar-bottom~.page-content {
	padding-top: 56px
}

.navbar-fixed .tabbar-labels~.page-content,
.navbar-through .tabbar-labels~.page-content {
	padding-top: 128px
}

.navbar-fixed .tabbar-labels.toolbar-bottom~.page-content,
.navbar-through .tabbar-labels.toolbar-bottom~.page-content {
	padding-top: 56px
}

.navbar-fixed .page-content.with-subnavbar,
.navbar-fixed .subnavbar~.page-content,
.navbar-fixed .with-subnavbar .page-content,
.navbar-through .page-content.with-subnavbar,
.navbar-through .subnavbar~.page-content,
.navbar-through .with-subnavbar .page-content {
	padding-top: 104px
}

.navbar-fixed .page .subnavbar,
.navbar-fixed.page .subnavbar,
.navbar-through .page .subnavbar,
.navbar-through.page .subnavbar {
	top: 56px
}

.navbar-fixed .toolbar,
.navbar-through .toolbar {
	top: 56px
}

.navbar-fixed .messagebar,
.navbar-fixed .toolbar-bottom,
.navbar-through .messagebar,
.navbar-through .toolbar-bottom {
	top: auto
}

.navbar.navbar-hiding {
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.navbar.navbar-hiding~.page .list-group-title,
.navbar.navbar-hiding~.page-content .list-group-title,
.navbar.navbar-hiding~.pages .list-group-title {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.navbar.navbar-hiding~.page .subnavbar,
.navbar.navbar-hiding~.page-content .subnavbar,
.navbar.navbar-hiding~.pages .subnavbar {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.navbar.navbar-hiding~.subnavbar,
.navbar.navbar-hiding~.toolbar {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.navbar.navbar-hidden {
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.navbar.navbar-hidden~.page .list-group-title,
.navbar.navbar-hidden~.page-content .list-group-title,
.navbar.navbar-hidden~.pages .list-group-title {
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	top: -56px
}

.navbar.navbar-hidden~.page .subnavbar,
.navbar.navbar-hidden~.page-content .subnavbar,
.navbar.navbar-hidden~.pages .subnavbar {
	-webkit-transform: translate3d(0, -56px, 0);
	transform: translate3d(0, -56px, 0);
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.navbar.navbar-hidden~.subnavbar,
.navbar.navbar-hidden~.toolbar:not(.messagebar):not(.toolbar-bottom) {
	-webkit-transform: translate3d(0, -56px, 0);
	transform: translate3d(0, -56px, 0);
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.navbar.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.page.no-navbar .page-content {
	padding-top: 0
}

.page.no-navbar .page-content.with-subnavbar,
.page.no-navbar.with-subnavbar .page-content,
.with-subnavbar .page.no-navbar .page-content {
	padding-top: 48px
}

.tabbar.tabbar-hiding,
.tabbar.toolbar-hiding,
.toolbar.tabbar-hiding,
.toolbar.toolbar-hiding {
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.tabbar.tabbar-hidden,
.tabbar.toolbar-hidden,
.toolbar.tabbar-hidden,
.toolbar.toolbar-hidden {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.tabbar.not-animated,
.toolbar.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.tabbar.tabbar-hidden,
.tabbar.toolbar-hidden,
.toolbar.tabbar-hidden,
.toolbar.toolbar-hidden {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.navbar~.tabbar.tabbar-hidden,
.navbar~.tabbar.toolbar-hidden:not(.messagebar):not(.toolbar-bottom),
.navbar~.toolbar.tabbar-hidden,
.navbar~.toolbar.toolbar-hidden:not(.messagebar):not(.toolbar-bottom) {
	-webkit-transform: translate3d(0, -104px, 0);
	transform: translate3d(0, -104px, 0)
}

.navbar~.tabbar.tabbar-labels.toolbar-hidden,
.navbar~.toolbar.tabbar-labels.toolbar-hidden {
	-webkit-transform: translate3d(0, -128px, 0);
	transform: translate3d(0, -128px, 0)
}

.tabbar.toolbar-hidden.messagebar,
.tabbar.toolbar-hidden.toolbar-bottom,
.toolbar.toolbar-hidden.messagebar,
.toolbar.toolbar-hidden.toolbar-bottom {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.page.no-tabbar .page-content,
.page.no-toolbar .page-content {
	padding-bottom: 0
}

.navbar.no-shadow,
.toolbar.no-shadow {
	box-shadow: none !important
}

.navbar-fixed .subnavbar,
.navbar-through .subnavbar {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 4px 4px 0 rgba(0, 0, 0, .14), 0 1px 1px 0 rgba(0, 0, 0, .12)
}

.navbar-fixed .navbar,
.navbar-through .navbar {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.navbar-fixed .navbar.navbar-hidden,
.navbar-through .navbar.navbar-hidden {
	box-shadow: 0 2px 4px -1px transparent, 0 4px 5px 0 transparent, 0 1px 10px 0 transparent !important
}

.tabbar-fixed .toolbar,
.tabbar-labels-fixed .toolbar,
.toolbar-fixed .toolbar {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.tabbar-fixed .toolbar.toolbar-hidden,
.tabbar-labels-fixed .toolbar.toolbar-hidden,
.toolbar-fixed .toolbar.toolbar-hidden {
	box-shadow: 0 2px 4px -1px transparent, 0 4px 5px 0 transparent, 0 1px 10px 0 transparent !important
}

.tabbar-fixed .toolbar-bottom,
.tabbar-labels-fixed .toolbar-bottom,
.toolbar-bottom,
.toolbar-fixed .toolbar-bottom {
	box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, .2), 0 -4px 5px 0 rgba(0, 0, 0, .14), 0 -1px 10px 0 rgba(0, 0, 0, .12)
}

.toolbar-bottom.toolbar-hidden {
	box-shadow: 0 2px 4px -1px transparent, 0 4px 5px 0 transparent, 0 1px 10px 0 transparent !important
}

.navbar-fixed .tabbar-fixed .navbar,
.navbar-fixed .tabbar-labels-fixed .navbar,
.navbar-fixed .toolbar-fixed .navbar,
.navbar-fixed.tabbar-fixed .navbar,
.navbar-fixed.tabbar-labels-fixed .navbar,
.navbar-fixed.toolbar-fixed .navbar,
.navbar-through .tabbar-fixed .navbar,
.navbar-through .tabbar-labels-fixed .navbar,
.navbar-through .toolbar-fixed .navbar,
.navbar-through.tabbar-fixed .navbar,
.navbar-through.tabbar-labels-fixed .navbar,
.navbar-through.toolbar-fixed .navbar {
	box-shadow: none
}

i.icon {
	display: inline-block;
	vertical-align: middle;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
	position: relative
}

i.icon.icon-back {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-forward {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-bars {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-camera {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23333'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3.2'%2F%3E%3Cpath%20d%3D'M9%202L7.17%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2h-3.17L15%202H9zm3%2015c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-f7 {
	width: 24px;
	height: 24px;
	background-image: url(img/i-f7-material.png);
	border-radius: 3px
}

i.icon.icon-next,
i.icon.icon-prev {
	width: 24px;
	height: 24px
}

i.icon.icon-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-plus {
	width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-close {
	width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

.badge {
	font-size: 10px;
	display: inline-block;
	color: #fff;
	background: #8e8e93;
	border-radius: 3px;
	padding: 1px 6px;
	box-sizing: border-box;
	vertical-align: middle
}

.f7-icons .badge,
.framework7-icons .badge,
.icon .badge,
.material-icons .badge {
	position: absolute;
	left: 100%;
	margin-left: -10px;
	top: -2px;
	font-size: 10px;
	line-height: 1.4;
	padding: 1px 5px;
	font-family: Roboto, Noto, Helvetica, Arial, sans-serif
}

.chip {
	font-size: 13px;
	font-weight: 400;
	color: rgba(0, 0, 0, .87);
	background: rgba(0, 0, 0, .12);
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	padding: 0 12px;
	box-sizing: border-box;
	vertical-align: middle;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 2px 0
}

.chip-media {
	width: 32px;
	height: 32px;
	margin-left: -12px;
	vertical-align: top;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	color: #fff;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.chip-media img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border-radius: 50%;
	display: block
}

.chip-media+.chip-label {
	margin-left: 8px
}

.chip-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	min-width: 0
}

.chip-label+.chip-delete {
	margin-left: 4px
}

.chip-delete {
	margin-right: -8px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	cursor: pointer;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010%2010-4.47%2010-10S17.53%202%2012%202zm5%2013.59L15.59%2017%2012%2013.41%208.41%2017%207%2015.59%2010.59%2012%207%208.41%208.41%207%2012%2010.59%2015.59%207%2017%208.41%2013.41%2012%2017%2015.59z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	opacity: .54
}

.chip-delete.active-state,
html:not(.watch-active-state) .chip-delete:active {
	opacity: 1
}

.content-block {
	margin: 32px 0;
	padding: 0 16px;
	box-sizing: border-box
}

.content-block.no-hairlines .content-block-inner:before,
.content-block.no-hairlines ul:before,
.content-block.no-hairlines:before {
	display: none
}

.content-block.no-hairlines .content-block-inner:after,
.content-block.no-hairlines ul:after,
.content-block.no-hairlines:after {
	display: none
}

.content-block-title {
	position: relative;
	overflow: hidden;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 1;
	margin: 16px 16px 16px;
	padding-top: 16px;
	line-height: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, .54)
}

.content-block-title+.card,
.content-block-title+.content-block,
.content-block-title+.list-block,
.content-block-title+.timeline {
	margin-top: 0
}

.content-block-inner {
	padding: 16px 16px;
	margin-left: -16px;
	width: 100%;
	position: relative
}

.content-block-inner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

html.pixel-ratio-2 .content-block-inner:before {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:before {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.content-block-inner:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .content-block-inner:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.content-block-inner>p:first-child {
	margin-top: 0
}

.content-block-inner>p:last-child {
	margin-bottom: 0
}

.content-block.inset {
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 7px
}

.content-block.inset .content-block-inner {
	border-radius: 4px
}

.content-block.inset .content-block-inner:before {
	display: none
}

.content-block.inset .content-block-inner:after {
	display: none
}

@media all and (min-width:768px) {
	.content-block.tablet-inset {
		margin-left: 16px;
		margin-right: 16px;
		border-radius: 4px
	}

	.content-block.tablet-inset .content-block-inner {
		border-radius: 4px
	}

	.content-block.tablet-inset .content-block-inner:before {
		display: none
	}

	.content-block.tablet-inset .content-block-inner:after {
		display: none
	}
}

.list-block {
	margin: 32px 0;
	font-size: 16px
}

.list-block ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}

.list-block ul:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

html.pixel-ratio-2 .list-block ul:before {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:before {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.list-block ul:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block ul:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.list-block ul ul {
	padding-left: 56px
}

.list-block ul ul:before {
	display: none
}

.list-block ul ul:after {
	display: none
}

.list-block .align-top,
.list-block .align-top .item-content,
.list-block .align-top .item-inner {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.list-block.inset {
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 4px
}

.list-block.inset .content-block-title {
	margin-left: 0;
	margin-right: 0
}

.list-block.inset ul {
	border-radius: 4px
}

.list-block.inset ul:before {
	display: none
}

.list-block.inset ul:after {
	display: none
}

.list-block.inset li:first-child>a {
	border-radius: 4px 4px 0 0
}

.list-block.inset li:last-child>a {
	border-radius: 0 0 4px 4px
}

.list-block.inset li:first-child:last-child>a {
	border-radius: 4px
}

@media all and (min-width:768px) {
	.list-block.tablet-inset {
		margin-left: 16px;
		margin-right: 16px;
		border-radius: 4px
	}

	.list-block.tablet-inset .content-block-title {
		margin-left: 0;
		margin-right: 0
	}

	.list-block.tablet-inset ul {
		border-radius: 4px
	}

	.list-block.tablet-inset ul:before {
		display: none
	}

	.list-block.tablet-inset ul:after {
		display: none
	}

	.list-block.tablet-inset li:first-child>a {
		border-radius: 4px 4px 0 0
	}

	.list-block.tablet-inset li:last-child>a {
		border-radius: 0 0 4px 4px
	}

	.list-block.tablet-inset li:first-child:last-child>a {
		border-radius: 4px
	}

	.list-block.tablet-inset .content-block-title {
		margin-left: 0;
		margin-right: 0
	}

	.list-block.tablet-inset ul {
		border-radius: 4px
	}

	.list-block.tablet-inset ul:before {
		display: none
	}

	.list-block.tablet-inset ul:after {
		display: none
	}

	.list-block.tablet-inset li:first-child>a {
		border-radius: 4px 4px 0 0
	}

	.list-block.tablet-inset li:last-child>a {
		border-radius: 0 0 4px 4px
	}

	.list-block.tablet-inset li:first-child:last-child>a {
		border-radius: 4px
	}
}

.list-block li {
	box-sizing: border-box;
	position: relative
}

.list-block .item-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	-webkit-box-lines: single;
	-moz-box-lines: single;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 8px;
	min-width: 40px
}

.list-block .item-media i+i {
	margin-left: 8px
}

.list-block .item-media i+img {
	margin-left: 8px
}

.list-block .item-media+.item-inner {
	margin-left: 16px
}

.list-block .item-inner {
	padding-right: 16px;
	position: relative;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 48px;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	min-width: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	-webkit-align-self: stretch;
	align-self: stretch
}

.list-block .item-inner:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-inner:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-inner:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.list-block .item-title {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.list-block .item-after {
	white-space: nowrap;
	color: #757575;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	margin-left: auto;
	padding-left: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-height: 28px;
	font-size: 14px
}

.list-block .autocomplete-opener .item-after,
.list-block .smart-select .item-after {
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	display: block
}

.list-block .item-actions {
	margin-left: auto;
	padding-left: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.list-block .item-actions a {
	min-width: 24px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.list-block .item-actions a+a {
	margin-left: 8px
}

.list-block .item-after+.item-actions {
	margin-left: 0
}

.list-block .item-link,
.list-block .list-button {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	display: block;
	color: inherit;
	position: relative;
	overflow: hidden;
	z-index: 0
}

.list-block .item-link .item-inner,
.list-block .list-button .item-inner {
	padding-right: 42px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
	background-size: 10px 20px;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-position: -webkit-calc(100% - 16px) center;
	background-position: calc(100% - 16px) center
}

.list-block .item-link.active-state,
.list-block .list-button.active-state,
html:not(.watch-active-state) .list-block .item-link:active,
html:not(.watch-active-state) .list-block .list-button:active {
	background-color: rgba(0, 0, 0, .1)
}

.list-block .list-button {
	padding: 0 16px;
	font-size: 16px;
	display: block;
	line-height: 48px
}

.list-block .item-content {
	box-sizing: border-box;
	padding-left: 16px;
	min-height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.list-block .list-block-label {
	margin: 10px 0 35px;
	padding: 0 16px;
	font-size: 14px;
	color: rgba(0, 0, 0, .54)
}

.list-block .swipeout {
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.list-block .swipeout.deleting {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.list-block .swipeout.deleting .swipeout-content {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.list-block .swipeout.transitioning .swipeout-actions-left a,
.list-block .swipeout.transitioning .swipeout-actions-right a,
.list-block .swipeout.transitioning .swipeout-content,
.list-block .swipeout.transitioning .swipeout-overswipe {
	-webkit-transition: .3s;
	transition: .3s
}

.list-block .swipeout-content {
	position: relative;
	z-index: 10
}

.list-block .swipeout-overswipe {
	-webkit-transition: .2s left;
	transition: .2s left
}

.list-block .swipeout-actions-left,
.list-block .swipeout-actions-right {
	position: absolute;
	top: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
	padding: 0 24px;
	color: #fff;
	background: #c7c7cc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	left: 0
}

.list-block .swipeout-actions-left a:after,
.list-block .swipeout-actions-right a:after {
	content: '';
	position: absolute;
	top: 0;
	width: 600%;
	height: 100%;
	background: inherit;
	z-index: -1
}

.list-block .swipeout-actions-left a.swipeout-delete,
.list-block .swipeout-actions-right a.swipeout-delete {
	background: #f44336
}

.list-block .swipeout-actions-right {
	right: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.list-block .swipeout-actions-right a:after {
	left: 100%;
	margin-left: -1px
}

.list-block .swipeout-actions-left {
	left: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.list-block .swipeout-actions-left a:after {
	right: 100%;
	margin-right: -1px
}

.list-block .item-subtitle {
	font-size: 14px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis
}

.list-block .item-text {
	font-size: 14px;
	color: #757575;
	line-height: 20px;
	position: relative;
	overflow: hidden;
	max-height: 40px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box
}

.list-block li.media-item .item-inner,
.list-block.media-list .item-inner {
	display: block;
	padding-top: 14px;
	padding-bottom: 14px;
	-ms-flex-item-align: stretch;
	-webkit-align-self: stretch;
	align-self: stretch
}

.list-block li.media-item .item-link .item-inner,
.list-block.media-list .item-link .item-inner {
	background: 0 0;
	padding-right: 16px
}

.list-block li.media-item .item-link .item-title-row,
.list-block.media-list .item-link .item-title-row {
	padding-right: 26px;
	background: no-repeat right top;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
	background-size: 10px 20px
}

.list-block li.media-item .item-media,
.list-block.media-list .item-media {
	padding-top: 14px;
	padding-bottom: 14px;
	-ms-flex-item-align: flex-start;
	-webkit-align-self: flex-start;
	align-self: flex-start
}

.list-block li.media-item .item-media img,
.list-block.media-list .item-media img {
	display: block
}

.list-block li.media-item .item-title-row,
.list-block.media-list .item-title-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.list-block li.media-item .item-content>.item-after,
.list-block.media-list .item-content>.item-after {
	padding-top: 14px;
	padding-bottom: 14px;
	-ms-flex-item-align: flex-start;
	-webkit-align-self: flex-start;
	align-self: flex-start
}

.list-block .list-group ul:after,
.list-block .list-group ul:before {
	z-index: 11
}

.list-block .list-group+.list-group ul:before {
	display: none
}

.list-block .item-divider,
.list-block .list-group-title {
	background: #f4f4f4;
	padding: 0 16px;
	white-space: nowrap;
	position: relative;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba(0, 0, 0, .54);
	height: 48px;
	box-sizing: border-box;
	line-height: 48px;
	font-size: 14px
}

.list-block .item-divider:before,
.list-block .list-group-title:before {
	display: none
}

.list-block .list-group-title {
	position: relative;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
	margin-top: 0
}

.list-block .sortable-handler {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 1px;
	z-index: 10;
	background-repeat: no-repeat;
	background-size: 18px 12px;
	background-position: center;
	width: 50px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.list-block.sortable .item-inner {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.list-block.sortable-opened .sortable-handler {
	visibility: visible;
	opacity: 1
}

.list-block.sortable-opened .item-inner,
.list-block.sortable-opened .item-link .item-inner {
	padding-right: 50px
}

.list-block.sortable-opened .item-link .item-inner,
.list-block.sortable-opened .item-link .item-title-row {
	background-image: none
}

.list-block.sortable-sorting li {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.list-block li.sorting {
	z-index: 50;
	background: rgba(255, 255, 255, .8);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.list-block li.sorting .item-inner:after {
	display: none
}

.list-block li:last-child .list-button:after {
	display: none
}

.list-block li:last-child .item-inner:after,
.list-block li:last-child li:last-child .item-inner:after {
	display: none
}

.list-block li li:last-child .item-inner:after,
.list-block li:last-child li .item-inner:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.list-block.no-hairlines .content-block-inner:before,
.list-block.no-hairlines ul:before,
.list-block.no-hairlines:before {
	display: none
}

.list-block.no-hairlines .content-block-inner:after,
.list-block.no-hairlines ul:after,
.list-block.no-hairlines:after {
	display: none
}

.list-block.no-hairlines-between .item-divider:after,
.list-block.no-hairlines-between .item-inner:after,
.list-block.no-hairlines-between .list-button:after,
.list-block.no-hairlines-between .list-group-title:after {
	display: none
}

.contacts-block {
	margin: 0
}

.contacts-block .list-group-title {
	padding: 0 16px;
	pointer-events: none;
	background: 0 0;
	color: #888;
	line-height: 48px;
	height: 48px;
	font-size: 20px;
	font-weight: 500;
	overflow: visible;
	width: 56px;
	top: 0
}

.contacts-block .list-group-title+li {
	margin-top: -48px
}

.contacts-block .list-group:first-child ul:before {
	display: none
}

.contacts-block .list-group:last-child ul:after {
	display: none
}

.contacts-block li:not(.list-group-title) {
	padding-left: 56px
}

.list-block input[type=date],
.list-block input[type=datetime-local],
.list-block input[type=email],
.list-block input[type=number],
.list-block input[type=password],
.list-block input[type=search],
.list-block input[type=tel],
.list-block input[type=text],
.list-block input[type=time],
.list-block input[type=url],
.list-block select,
.list-block textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: none;
	background: 0 0;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 36px;
	color: #212121;
	font-size: 16px;
	font-family: inherit
}

.list-block input[type=date]::-webkit-input-placeholder,
.list-block input[type=datetime-local]::-webkit-input-placeholder,
.list-block input[type=email]::-webkit-input-placeholder,
.list-block input[type=number]::-webkit-input-placeholder,
.list-block input[type=password]::-webkit-input-placeholder,
.list-block input[type=search]::-webkit-input-placeholder,
.list-block input[type=tel]::-webkit-input-placeholder,
.list-block input[type=text]::-webkit-input-placeholder,
.list-block input[type=time]::-webkit-input-placeholder,
.list-block input[type=url]::-webkit-input-placeholder,
.list-block select::-webkit-input-placeholder,
.list-block textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .35)
}

.list-block .floating-label,
.list-block .label {
	vertical-align: top;
	color: rgba(0, 0, 0, .65);
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	width: 35%;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.list-block input[type=date],
.list-block input[type=datetime-local] {
	line-height: 44px
}

.list-block select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none
}

.list-block textarea {
	resize: none;
	line-height: 1.4;
	padding-top: 8px;
	padding-bottom: 7px;
	height: 100px
}

.list-block textarea.resizable {
	height: 36px
}

.list-block .item-input {
	width: 100%;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	font-size: 0;
	position: relative;
	margin-bottom: 4px;
	min-height: 36px
}

.list-block .input-item ul:after,
.list-block.inputs-list ul:after {
	display: none
}

.list-block .input-item .item-media,
.list-block.inputs-list .item-media {
	-ms-flex-item-align: flex-end;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	min-height: 36px;
	margin-bottom: 8px;
	padding: 0
}

.list-block .input-item .item-inner,
.list-block.inputs-list .item-inner {
	display: block;
	margin-bottom: 4px;
	padding-bottom: 0
}

.list-block .input-item .item-inner:after,
.list-block.inputs-list .item-inner:after {
	display: none
}

.list-block .input-item .floating-label,
.list-block .input-item .label,
.list-block.inputs-list .floating-label,
.list-block.inputs-list .label {
	width: 100%;
	font-size: 12px
}

.list-block .input-item .floating-label,
.list-block.inputs-list .floating-label {
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scale(1.33333333) translateY(21px);
	transform: scale(1.33333333) translateY(21px);
	color: rgba(0, 0, 0, .35);
	width: auto;
	max-width: 75%
}

.list-block .input-item .floating-label~.item-input input::-webkit-input-placeholder,
.list-block.inputs-list .floating-label~.item-input input::-webkit-input-placeholder {
	color: transparent
}

.list-block .focus-state .floating-label,
.list-block .not-empty-state .floating-label {
	color: rgba(0, 0, 0, .65);
	-webkit-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}

.list-block .focus-state .floating-label,
.list-block .focus-state .label {
	color: #2196f3
}

.input-field,
.item-input-field {
	position: relative
}

.input-field:after,
.item-input-field:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .12);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .input-field:after,
html.pixel-ratio-2 .item-input-field:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .input-field:after,
html.pixel-ratio-3 .item-input-field:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.input-field:after,
.item-input-field:after {
	-webkit-transition-duration: .2s;
	transition-duration: .2s
}

.focus-state .input-field:after,
.focus-state .item-input-field:after,
.input-field.focus-state:after,
.input-field.not-empty-state:after,
.item-input-field.focus-state:after,
.item-input-field.not-empty-state:after,
.not-empty-state .input-field:after,
.not-empty-state .item-input-field:after {
	background: #2196f3;
	-webkit-transform: scaleY(2) !important;
	transform: scaleY(2) !important
}

textarea.resizable {
	overflow: hidden
}

.label-switch {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 14px;
	position: relative;
	cursor: pointer;
	-ms-flex-item-align: center;
	-webkit-align-self: center;
	align-self: center
}

.label-switch .checkbox {
	width: 36px;
	border-radius: 36px;
	box-sizing: border-box;
	height: 14px;
	background: #b0afaf;
	z-index: 0;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.label-switch .checkbox:after {
	content: ' ';
	height: 20px;
	width: 20px;
	border-radius: 20px;
	background: #fff;
	position: absolute;
	z-index: 2;
	top: -3px;
	left: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.label-switch input[type=checkbox] {
	display: none
}

.label-switch input[type=checkbox]:checked+.checkbox {
	background: rgba(33, 150, 243, .5)
}

.label-switch input[type=checkbox]:checked+.checkbox:after {
	-webkit-transform: translateX(16px);
	transform: translateX(16px);
	background: #2196f3
}

.item-input .label-switch {
	top: 11px
}

.button {
	color: #2196f3;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 2px;
	line-height: 36px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: 0 0;
	padding: 0 10px;
	margin: 0;
	height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	text-transform: uppercase;
	font-family: inherit;
	cursor: pointer;
	min-width: 64px;
	padding: 0 8px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

input[type=button].button,
input[type=submit].button {
	width: 100%
}

.button.active-state,
html:not(.watch-active-state) .button:active {
	background: rgba(0, 0, 0, .1)
}

.button.button-fill {
	background-color: #2196f3;
	color: #fff
}

.button.button-fill.active-state,
html:not(.watch-active-state) .button.button-fill:active {
	background: #0c82df
}

.button.button-big {
	height: 48px;
	line-height: 48px;
	border-radius: 3px
}

.button i.icon+i.icon,
.button i.icon+span,
.button span:not(.ripple-wave)+i.icon,
.button span:not(.ripple-wave)+span {
	margin-left: 8px
}

.navbar .button:not(.button-fill),
.notifications .button:not(.button-fill),
.subnavbar .button:not(.button-fill),
.toolbar .button:not(.button-fill) {
	color: #fff
}

.navbar .button:not(.button-fill).active-state,
.notifications .button:not(.button-fill).active-state,
.subnavbar .button:not(.button-fill).active-state,
.toolbar .button:not(.button-fill).active-state,
html:not(.watch-active-state) .navbar .button:not(.button-fill):active,
html:not(.watch-active-state) .notifications .button:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .button:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .button:not(.button-fill):active {
	background: rgba(255, 255, 255, .15)
}

.button-raised {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.button-raised.active-state,
html:not(.watch-active-state) .button-raised:active {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.buttons-row {
	-ms-flex-item-align: center;
	-webkit-align-self: center;
	align-self: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: single;
	-moz-box-lines: single;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.buttons-row .button {
	margin-left: 16px;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1
}

.buttons-row .button:first-child {
	margin-left: 0
}

.range-slider {
	width: 100%;
	position: relative;
	overflow: hidden;
	-ms-flex-item-align: center;
	-webkit-align-self: center;
	align-self: center
}

.range-slider input[type=range] {
	position: relative;
	height: 20px;
	width: 100%;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b9b9b9), color-stop(100%, #b9b9b9));
	background: linear-gradient(to right, #b9b9b9 0, #b9b9b9 100%);
	background-position: center;
	background-size: 100% 2px;
	background-repeat: no-repeat;
	outline: 0;
	-ms-background-position-y: 500px
}

.range-slider input[type=range]:active,
.range-slider input[type=range]:focus {
	border: 0;
	outline: 0 none
}

.range-slider input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	outline: 0;
	height: 20px;
	width: 20px;
	position: relative;
	background: #2196f3;
	border-radius: 20px
}

.range-slider input[type=range]::-webkit-slider-thumb:before {
	position: absolute;
	top: 50%;
	right: 100%;
	width: 2000px;
	height: 2px;
	margin-top: -1px;
	z-index: 1;
	background: #2196f3;
	content: ' '
}

.range-slider input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	background: #b7b8b7;
	border: none;
	outline: 0
}

.range-slider input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	outline: 0;
	height: 20px;
	width: 20px;
	position: relative;
	background: #2196f3;
	border-radius: 20px
}

.range-slider input[type=range]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: 0 0;
	border-color: transparent;
	color: transparent
}

.range-slider input[type=range]::-ms-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	outline: 0;
	height: 20px;
	width: 20px;
	position: relative;
	background: #2196f3;
	border-radius: 20px
}

.range-slider input[type=range]::-ms-fill-lower {
	background: #2196f3
}

.range-slider input[type=range]::-ms-fill-upper {
	background: #b7b8b7
}

.item-input .range-slider {
	top: 8px
}

.form-checkbox {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.form-checkbox,
label.label-checkbox {
	cursor: pointer
}

.form-checkbox input[type=checkbox],
.form-checkbox input[type=radio],
label.label-checkbox input[type=checkbox],
label.label-checkbox input[type=radio] {
	display: none
}

.form-checkbox i,
label.label-checkbox i.icon-form-checkbox {
	width: 18px;
	height: 18px;
	position: relative;
	border-radius: 2px;
	border: 2px solid #6d6d6d;
	box-sizing: border-box;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	background: 0 0;
	display: block
}

.form-checkbox i:after,
label.label-checkbox i.icon-form-checkbox:after {
	content: ' ';
	position: absolute;
	width: 18px;
	height: 18px;
	left: -2px;
	top: -2px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	opacity: 0;
	background: no-repeat center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.form-checkbox input[type=checkbox]:checked~i,
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #2196f3;
	background-color: #2196f3
}

.form-checkbox input[type=checkbox]:checked~i:after,
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after,
label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox:after,
label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox:after,
label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox:after,
label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox:after,
label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox:after {
	opacity: 1
}

.form-radio {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.form-radio,
label.label-radio {
	cursor: pointer
}

.form-radio input[type=checkbox],
.form-radio input[type=radio],
label.label-radio input[type=checkbox],
label.label-radio input[type=radio] {
	display: none
}

.form-radio i,
label.label-radio i.icon-form-radio {
	width: 20px;
	height: 20px;
	position: relative;
	border-radius: 20px;
	border: 2px solid #6d6d6d;
	box-sizing: border-box;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	display: block
}

.form-radio i:after,
label.label-radio i.icon-form-radio:after {
	content: ' ';
	position: absolute;
	width: 10px;
	height: 10px;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
	background-color: #2196f3;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.form-radio input[type=radio]:checked~i,
label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #2196f3
}

.form-radio input[type=radio]:checked~i:after,
label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #2196f3;
	-webkit-transform: scale(1);
	transform: scale(1)
}

label.label-checkbox,
label.label-radio {
	position: relative;
	overflow: hidden;
	z-index: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

label.label-checkbox .item-after i.icon-form-checkbox,
label.label-checkbox .item-after i.icon-form-radio,
label.label-radio .item-after i.icon-form-checkbox,
label.label-radio .item-after i.icon-form-radio {
	margin-left: 8px;
	margin-right: 16px
}

.media-item label.label-checkbox .item-media i.icon-form-checkbox,
.media-item label.label-checkbox .item-media i.icon-form-radio,
.media-item label.label-radio .item-media i.icon-form-checkbox,
.media-item label.label-radio .item-media i.icon-form-radio,
.media-list label.label-checkbox .item-media i.icon-form-checkbox,
.media-list label.label-checkbox .item-media i.icon-form-radio,
.media-list label.label-radio .item-media i.icon-form-checkbox,
.media-list label.label-radio .item-media i.icon-form-radio {
	margin-top: 4px
}

html:not(.watch-active-state) label.label-checkbox:active,
html:not(.watch-active-state) label.label-radio:active,
label.label-checkbox.active-state,
label.label-radio.active-state {
	background-color: rgba(0, 0, 0, .1)
}

html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,
html:not(.watch-active-state) label.label-radio:active .item-inner:after,
label.label-checkbox.active-state .item-inner:after,
label.label-radio.active-state .item-inner:after {
	background-color: transparent
}

.smart-select select {
	display: none
}

.floating-button {
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	z-index: 1500;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
	background-color: #2196f3;
	color: #fff;
	overflow: hidden;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.floating-button.active-state,
html:not(.watch-active-state) .floating-button:active {
	background: #0c82df
}

.floating-button-toolbar,
.speed-dial {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 1500
}

.floating-button-toolbar .floating-button,
.speed-dial .floating-button {
	right: 0;
	bottom: 0;
	position: relative
}

.speed-dial .floating-button i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0) scale(1);
	transform: translate3d(-50%, -50%, 0) rotate(0) scale(1);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.speed-dial .floating-button i+i {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(.5);
	transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(.5);
	opacity: 0
}

.speed-dial.speed-dial-opened .floating-button i {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(.5);
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(.5);
	opacity: 0
}

.speed-dial.speed-dial-opened .floating-button i+i {
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0) scale(1);
	transform: translate3d(-50%, -50%, 0) rotate(0) scale(1);
	opacity: 1
}

.speed-dial-buttons {
	position: absolute;
	width: 40px;
	left: 50%;
	margin-left: -20px;
	bottom: 100%;
	margin-bottom: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
	visibility: hidden;
	pointer-events: none
}

.speed-dial-buttons a {
	width: 40px;
	height: 40px;
	opacity: 0;
	color: #fff;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: #2196f3;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transform: translate3d(0, 8px, 0) scale(.3);
	transform: translate3d(0, 8px, 0) scale(.3);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.speed-dial-buttons a.active-state,
html:not(.watch-active-state) .speed-dial-buttons a:active {
	background: #0c82df
}

.speed-dial-buttons a+a {
	margin-bottom: 16px
}

.speed-dial-opened .speed-dial-buttons {
	visibility: visible;
	pointer-events: auto
}

.speed-dial-opened .speed-dial-buttons a {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scaleY(1);
	transform: translate3d(0, 0, 0) scaleY(1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.speed-dial-opened .speed-dial-buttons a:nth-child(2) {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}

.speed-dial-opened .speed-dial-buttons a:nth-child(3) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.speed-dial-opened .speed-dial-buttons a:nth-child(4) {
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms
}

.speed-dial-opened .speed-dial-buttons a:nth-child(5) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.speed-dial-opened .speed-dial-buttons a:nth-child(6) {
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms
}

.floating-button-to-popover.floating-button-to-popover {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.floating-button-to-popover.floating-button-to-popover-in {
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.floating-button-to-popover.floating-button-to-popover-in i {
	opacity: 0;
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.floating-button-to-popover.floating-button-to-popover-scale {
	border-radius: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	box-shadow: none
}

.floating-button-to-popover.floating-button-to-popover-out {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.floating-button-to-popover.floating-button-to-popover-out i {
	opacity: 1;
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.panel-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	opacity: 0;
	z-index: 5999;
	display: none;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.panel-overlay.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.panel {
	z-index: 1000;
	display: none;
	background: #fff;
	box-sizing: border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	width: 260px;
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.panel.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.panel.panel-visible {
	display: block
}

.panel.panel-left {
	left: 0
}

.panel.panel-left.panel-cover {
	z-index: 6000;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.panel.panel-right {
	right: 0
}

.panel.panel-right.panel-cover {
	z-index: 6000;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.panel.panel-visible-by-breakpoint {
	display: block;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	box-shadow: none !important
}

.panel.panel-visible-by-breakpoint.panel-cover {
	z-index: 5900
}

body.with-panel-left-cover .panel,
body.with-panel-right-cover .panel {
	box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

body.with-panel-left-cover .views,
body.with-panel-right-cover .views {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

body.with-panel-left-cover .panel-overlay,
body.with-panel-right-cover .panel-overlay {
	display: block;
	opacity: 1
}

body.with-panel-left-reveal .views,
body.with-panel-right-reveal .views {
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform, box-shadow;
	-moz-transition-property: -moz-transform, box-shadow;
	transition-property: transform, box-shadow
}

body.with-panel-left-reveal .panel.not-animated~.views,
body.with-panel-right-reveal .panel.not-animated~.views {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

body.with-panel-left-reveal .panel-overlay,
body.with-panel-right-reveal .panel-overlay {
	background: rgba(0, 0, 0, 0);
	display: block;
	opacity: 0
}

body.with-panel-left-reveal .views {
	-webkit-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0)
}

body.with-panel-left-reveal .panel-overlay {
	-webkit-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0)
}

body.with-panel-left-cover .panel.panel-left {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

body.with-panel-right-reveal .views {
	-webkit-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0)
}

body.with-panel-right-reveal .panel-overlay {
	-webkit-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0)
}

body.with-panel-right-cover .panel.panel-right {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

body.panel-closing .panel-overlay {
	display: block
}

body.panel-closing .views {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: -webkit-transform, box-shadow;
	-moz-transition-property: -moz-transform, box-shadow;
	transition-property: transform, box-shadow
}

body.panel-closing .panel.not-animated~.views {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.lazy-loaded.lazy-fadeIn {
	-webkit-animation: lazyFadeIn .6s;
	animation: lazyFadeIn .6s
}

@-webkit-keyframes lazyFadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes lazyFadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

html.with-statusbar-overlay .framework7-root {
	padding-top: 24px;
	box-sizing: border-box
}

html.with-statusbar-overlay .framework7-root .statusbar-overlay {
	display: block
}

html.with-statusbar-overlay .framework7-root .panel {
	padding-top: 24px
}

.statusbar-overlay {
	background: #0d47a1;
	z-index: 10000;
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	width: 100%;
	display: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

html.with-statusbar-overlay.ios .framework7-root {
	padding-top: 20px
}

html.with-statusbar-overlay.ios .framework7-root .panel {
	padding-top: 20px
}

html.ios .statusbar-overlay {
	height: 20px
}

.preloader {
	font-size: 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	-webkit-animation: preloader-outer 3.3s linear infinite;
	animation: preloader-outer 3.3s linear infinite
}

.preloader svg {
	width: 100%;
	height: 100%;
	-webkit-animation: preloader-inner 1.32s linear infinite;
	animation: preloader-inner 1.32s linear infinite
}

.preloader svg circle {
	fill: none;
	stroke: #757575;
	stroke-linecap: square;
	-webkit-animation: preloader-arc 1.32s cubic-bezier(.8, 0, .4, .8) infinite;
	animation: preloader-arc 1.32s cubic-bezier(.8, 0, .4, .8) infinite
}

@-webkit-keyframes preloader-outer {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes preloader-outer {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes preloader-inner {
	0% {
		-webkit-transform: rotate(-100.8deg)
	}

	100% {
		-webkit-transform: rotate(0)
	}
}

@keyframes preloader-inner {
	0% {
		transform: rotate(-100.8deg)
	}

	100% {
		transform: rotate(0)
	}
}

@-webkit-keyframes preloader-arc {
	0% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: 0
	}

	40% {
		stroke-dasharray: 151.55042961px, 210.48670779px;
		stroke-dashoffset: 0
	}

	100% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: -151.55042961px
	}
}

@keyframes preloader-arc {
	0% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: 0
	}

	40% {
		stroke-dasharray: 151.55042961px, 210.48670779px;
		stroke-dashoffset: 0
	}

	100% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: -151.55042961px
	}
}

.preloader-inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-animation: preloader-inner-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
	animation: preloader-inner-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
}

.preloader-inner .preloader-inner-gap {
	position: absolute;
	width: 2px;
	left: 50%;
	margin-left: -1px;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	border-top: 4px solid #757575
}

.preloader-inner .preloader-inner-left,
.preloader-inner .preloader-inner-right {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	overflow: hidden
}

.preloader-inner .preloader-inner-half-circle {
	position: absolute;
	top: 0;
	height: 100%;
	width: 200%;
	box-sizing: border-box;
	border: 4px solid #757575;
	border-bottom-color: transparent !important;
	border-radius: 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 1.3125s;
	-webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
	animation-iteration-count: infinite;
	animation-duration: 1.3125s;
	animation-timing-function: cubic-bezier(.35, 0, .25, 1)
}

.preloader-white .preloader-inner .preloader-inner-gap,
.preloader-white .preloader-inner .preloader-inner-half-circle {
	border-color: #fff
}

.preloader-inner .preloader-inner-left {
	left: 0
}

.preloader-inner .preloader-inner-left .preloader-inner-half-circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-animation-name: preloader-left-rotate;
	animation-name: preloader-left-rotate
}

.preloader-inner .preloader-inner-right {
	right: 0
}

.preloader-inner .preloader-inner-right .preloader-inner-half-circle {
	right: 0;
	border-left-color: transparent !important;
	-webkit-animation-name: preloader-right-rotate;
	animation-name: preloader-right-rotate
}

.color-multi .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
	-webkit-animation-name: preloader-left-rotate-multicolor;
	animation-name: preloader-left-rotate-multicolor
}

.color-multi .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
	-webkit-animation-name: preloader-right-rotate-multicolor;
	animation-name: preloader-right-rotate-multicolor
}

@-webkit-keyframes preloader-left-rotate {

	0%,
	100% {
		-webkit-transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(-5deg)
	}
}

@keyframes preloader-left-rotate {

	0%,
	100% {
		transform: rotate(130deg)
	}

	50% {
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes preloader-right-rotate {

	0%,
	100% {
		-webkit-transform: rotate(-130deg)
	}

	50% {
		-webkit-transform: rotate(5deg)
	}
}

@keyframes preloader-right-rotate {

	0%,
	100% {
		transform: rotate(-130deg)
	}

	50% {
		transform: rotate(5deg)
	}
}

@-webkit-keyframes preloader-inner-rotate {
	12.5% {
		-webkit-transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg)
	}
}

@keyframes preloader-inner-rotate {
	12.5% {
		transform: rotate(135deg)
	}

	25% {
		transform: rotate(270deg)
	}

	37.5% {
		transform: rotate(405deg)
	}

	50% {
		transform: rotate(540deg)
	}

	62.5% {
		transform: rotate(675deg)
	}

	75% {
		transform: rotate(810deg)
	}

	87.5% {
		transform: rotate(945deg)
	}

	100% {
		transform: rotate(1080deg)
	}
}

@-webkit-keyframes preloader-left-rotate-multicolor {

	0%,
	100% {
		border-left-color: #4285f4;
		-webkit-transform: rotate(130deg)
	}

	75% {
		border-left-color: #1b9a59;
		border-top-color: #1b9a59
	}

	50% {
		border-left-color: #f7c223;
		border-top-color: #f7c223;
		-webkit-transform: rotate(-5deg)
	}

	25% {
		border-left-color: #de3e35;
		border-top-color: #de3e35
	}
}

@keyframes preloader-left-rotate-multicolor {

	0%,
	100% {
		border-left-color: #4285f4;
		transform: rotate(130deg)
	}

	75% {
		border-left-color: #1b9a59;
		border-top-color: #1b9a59
	}

	50% {
		border-left-color: #f7c223;
		border-top-color: #f7c223;
		transform: rotate(-5deg)
	}

	25% {
		border-left-color: #de3e35;
		border-top-color: #de3e35
	}
}

@-webkit-keyframes preloader-right-rotate-multicolor {

	0%,
	100% {
		border-right-color: #4285f4;
		-webkit-transform: rotate(-130deg)
	}

	75% {
		border-right-color: #1b9a59;
		border-top-color: #1b9a59
	}

	50% {
		border-right-color: #f7c223;
		border-top-color: #f7c223;
		-webkit-transform: rotate(5deg)
	}

	25% {
		border-top-color: #de3e35;
		border-right-color: #de3e35
	}
}

@keyframes preloader-right-rotate-multicolor {

	0%,
	100% {
		border-right-color: #4285f4;
		transform: rotate(-130deg)
	}

	75% {
		border-right-color: #1b9a59;
		border-top-color: #1b9a59
	}

	50% {
		border-right-color: #f7c223;
		border-top-color: #f7c223;
		transform: rotate(5deg)
	}

	25% {
		border-top-color: #de3e35;
		border-right-color: #de3e35
	}
}

.card .list-block ul,
.cards-list ul {
	background: 0 0
}

.card .list-block>ul:before,
.cards-list>ul:before {
	display: none
}

.card .list-block>ul:after,
.cards-list>ul:after {
	display: none
}

.card {
	background: #fff;
	margin: 8px;
	position: relative;
	border-radius: 2px;
	font-size: 14px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.card .content-block,
.card .list-block {
	margin: 0
}

.row:not(.no-gutter) .col>.card {
	margin-left: 0;
	margin-right: 0
}

.page-content>.card:last-child {
	margin-bottom: 32px
}

.card-content {
	position: relative
}

.card-content-inner {
	padding: 16px;
	position: relative
}

.card-content-inner>p:first-child {
	margin-top: 0
}

.card-content-inner>p:last-child {
	margin-bottom: 0
}

.card-content-inner>.content-block,
.card-content-inner>.list-block {
	margin: -15px
}

.card-footer,
.card-header {
	min-height: 48px;
	position: relative;
	padding: 4px 16px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.card-footer[valign=top],
.card-header[valign=top] {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.card-footer[valign=bottom],
.card-header[valign=bottom] {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.card-footer a.link,
.card-header a.link {
	color: #2196f3;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 2px;
	line-height: 36px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: 0 0;
	padding: 0 10px;
	margin: 0;
	height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	text-transform: uppercase;
	font-family: inherit;
	cursor: pointer;
	min-width: 64px;
	padding: 0 8px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	user-select: none
}

input[type=button].card-footer a.link,
input[type=button].card-header a.link,
input[type=submit].card-footer a.link,
input[type=submit].card-header a.link {
	width: 100%
}

.card-footer a.link.active-state,
.card-header a.link.active-state,
html:not(.watch-active-state) .card-footer a.link:active,
html:not(.watch-active-state) .card-header a.link:active {
	background: rgba(0, 0, 0, .1)
}

.card-footer a.link.button-fill,
.card-header a.link.button-fill {
	background-color: #2196f3;
	color: #fff
}

.card-footer a.link.button-fill.active-state,
.card-header a.link.button-fill.active-state,
html:not(.watch-active-state) .card-footer a.link.button-fill:active,
html:not(.watch-active-state) .card-header a.link.button-fill:active {
	background: #0c82df
}

.card-footer a.link.button-big,
.card-header a.link.button-big {
	height: 48px;
	line-height: 48px;
	border-radius: 3px
}

.card-footer a.link i.icon+i.icon,
.card-footer a.link i.icon+span,
.card-footer a.link span:not(.ripple-wave)+i.icon,
.card-footer a.link span:not(.ripple-wave)+span,
.card-header a.link i.icon+i.icon,
.card-header a.link i.icon+span,
.card-header a.link span:not(.ripple-wave)+i.icon,
.card-header a.link span:not(.ripple-wave)+span {
	margin-left: 8px
}

.navbar .card-footer a.link:not(.button-fill),
.navbar .card-header a.link:not(.button-fill),
.notifications .card-footer a.link:not(.button-fill),
.notifications .card-header a.link:not(.button-fill),
.subnavbar .card-footer a.link:not(.button-fill),
.subnavbar .card-header a.link:not(.button-fill),
.toolbar .card-footer a.link:not(.button-fill),
.toolbar .card-header a.link:not(.button-fill) {
	color: #fff
}

.navbar .card-footer a.link:not(.button-fill).active-state,
.navbar .card-header a.link:not(.button-fill).active-state,
.notifications .card-footer a.link:not(.button-fill).active-state,
.notifications .card-header a.link:not(.button-fill).active-state,
.subnavbar .card-footer a.link:not(.button-fill).active-state,
.subnavbar .card-header a.link:not(.button-fill).active-state,
.toolbar .card-footer a.link:not(.button-fill).active-state,
.toolbar .card-header a.link:not(.button-fill).active-state,
html:not(.watch-active-state) .navbar .card-footer a.link:not(.button-fill):active,
html:not(.watch-active-state) .navbar .card-header a.link:not(.button-fill):active,
html:not(.watch-active-state) .notifications .card-footer a.link:not(.button-fill):active,
html:not(.watch-active-state) .notifications .card-header a.link:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .card-footer a.link:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .card-header a.link:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .card-footer a.link:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .card-header a.link:not(.button-fill):active {
	background: rgba(255, 255, 255, .15)
}

.card-footer a.link i+i,
.card-footer a.link i+span,
.card-footer a.link span+i,
.card-footer a.link span+span,
.card-header a.link i+i,
.card-header a.link i+span,
.card-header a.link span+i,
.card-header a.link span+span {
	margin-left: 7px
}

.card-footer a.link i.icon,
.card-header a.link i.icon {
	display: block
}

.card-footer a.icon-only,
.card-header a.icon-only {
	min-width: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0
}

.card-header {
	border-radius: 2px 2px 0 0;
	font-size: 16px
}

.card-header:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #e1e1e1;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .card-header:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .card-header:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.card-header.no-border:after {
	display: none
}

.card-footer {
	border-radius: 0 0 2px 2px;
	color: #757575
}

.card-footer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #e1e1e1;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

html.pixel-ratio-2 .card-footer:before {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .card-footer:before {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.card-footer.no-border:before {
	display: none
}

.list-block .accordion-item-toggle {
	cursor: pointer;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.list-block .accordion-item-toggle .item-inner {
	padding-right: 42px;
	background: no-repeat -webkit-calc(100% - 15px) center;
	background: no-repeat calc(100% - 15px) center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
	background-size: 10px 20px
}

.list-block .accordion-item-toggle.active-state,
html:not(.watch-active-state) .list-block .accordion-item-toggle:active {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	background-color: #d9d9d9
}

.list-block .accordion-item-toggle.active-state>.item-inner:after,
html:not(.watch-active-state) .list-block .accordion-item-toggle:active>.item-inner:after {
	background-color: transparent
}

.list-block .accordion-item-toggle .item-inner,
.list-block .accordion-item>.item-link .item-inner {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: background-color;
	transition-property: background-color
}

.list-block .accordion-item-toggle .item-inner:after,
.list-block .accordion-item>.item-link .item-inner:after {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,
.list-block .accordion-item-expanded.media-item>.item-link .item-title-row,
.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,
.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
	background-size: 20px 20px
}

.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,
.list-block .accordion-item-expanded>.item-link .item-inner:after {
	background-color: transparent
}

.list-block .accordion-item .content-block,
.list-block .accordion-item .list-block {
	margin-top: 0;
	margin-bottom: 0
}

.list-block .accordion-item ul {
	padding-left: 0
}

.accordion-item-content {
	position: relative;
	overflow: hidden;
	height: 0;
	font-size: 14px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.accordion-item-expanded>.accordion-item-content {
	height: auto
}

html.android-4 .accordion-item-content {
	-webkit-transform: none;
	transform: none
}

.searchbar {
	height: 48px;
	width: 100%;
	background: #2196f3;
	box-sizing: border-box;
	padding: 0 16px;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #fff
}

.searchbar.no-shadow {
	box-shadow: none
}

.searchbar a {
	position: relative;
	color: #fff
}

.searchbar a:before {
	content: '';
	width: 152%;
	height: 152%;
	position: absolute;
	left: -26%;
	top: -26%;
	background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, .15) 66%, rgba(255, 255, 255, 0) 66%);
	background-image: radial-gradient(circle at center, rgba(255, 255, 255, .15) 66%, rgba(255, 255, 255, 0) 66%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition-duration: .6s;
	transition-duration: .6s
}

.searchbar a.active-state:before,
html:not(.watch-active-state) .searchbar a:active:before {
	opacity: 1;
	-webkit-transition-duration: 150ms;
	transition-duration: 150ms
}

.searchbar .searchbar-input {
	width: 100%;
	height: 32px;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1
}

.searchbar input[type=search] {
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	display: block;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 0;
	font-family: inherit;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	border-bottom: 1px solid #fff;
	height: 100%;
	padding: 0 36px 0 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 center;
	opacity: .6;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

.searchbar input[type=search]::-webkit-input-placeholder {
	color: #fff;
	opacity: 1
}

.searchbar input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.searchbar .searchbar-clear {
	position: absolute;
	width: 56px;
	height: 100%;
	right: -16px;
	top: 0;
	opacity: 0;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	cursor: pointer
}

.searchbar .searchbar-cancel {
	display: none
}

.searchbar.searchbar-active input[type=search] {
	opacity: 1
}

.searchbar.searchbar-active .searchbar-clear {
	pointer-events: auto;
	opacity: 1
}

.searchbar.searchbar-not-empty .searchbar-clear {
	pointer-events: auto;
	opacity: 1
}

.searchbar-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, .25);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.searchbar-overlay.searchbar-overlay-active {
	opacity: 1;
	pointer-events: auto
}

.searchbar-not-found {
	display: none
}

.hidden-by-searchbar,
.list-block .hidden-by-searchbar,
.list-block li.hidden-by-searchbar {
	display: none
}

.page>.searchbar {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 200;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.page>.searchbar~.page-content {
	padding-top: 48px
}

.page>.searchbar.no-shadow {
	box-shadow: none
}

.navbar-fixed .page>.searchbar,
.navbar-fixed>.searchbar,
.navbar-through .page>.searchbar,
.navbar-through>.searchbar {
	top: 56px
}

.navbar-fixed .page>.searchbar~.page-content,
.navbar-fixed>.searchbar~.page-content,
.navbar-through .page>.searchbar~.page-content,
.navbar-through>.searchbar~.page-content {
	padding-top: 104px
}

.toolbar.messagebar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
	height: 48px;
	top: auto;
	bottom: 0;
	font-size: 16px;
	overflow: hidden
}

.toolbar.messagebar:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #d1d1d1;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

html.pixel-ratio-2 .toolbar.messagebar:before {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .toolbar.messagebar:before {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.toolbar.messagebar textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background: 0 0;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 3px 8px 3px;
	margin: 0;
	width: 100%;
	height: 28px;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	font-family: inherit;
	resize: none;
	-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1
}

.toolbar.messagebar a.link {
	color: #333;
	-ms-flex-item-align: flex-end;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	height: 48px;
	line-height: 48px
}

.toolbar.messagebar a.link:before {
	background-image: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, .1) 66%, rgba(0, 0, 0, 0) 66%);
	background-image: radial-gradient(circle at center, rgba(0, 0, 0, .1) 66%, rgba(0, 0, 0, 0) 66%)
}

.toolbar.messagebar .link {
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.toolbar.messagebar~.page-content {
	padding-bottom: 48px
}

.page.no-tabbar .toolbar.messagebar~.page-content,
.page.no-toolbar .toolbar.messagebar~.page-content {
	padding-bottom: 48px
}

.hidden-toolbar .toolbar.messagebar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.messages-content {
	background: #eee
}

.messages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.messages-date {
	text-align: center;
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	margin: 10px 15px
}

.messages-date span {
	font-weight: 400
}

.message {
	box-sizing: border-box;
	margin: 0 8px 8px 8px;
	max-width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.message:first-child {
	margin-top: 8px
}

.message.message-pic img {
	display: block
}

.message-date,
.message-label,
.message-name,
.messages-date {
	color: rgba(0, 0, 0, .51)
}

.message-name {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 2px;
	margin-top: 7px
}

.message-hide-name .message-name {
	display: none
}

.message-label {
	font-size: 12px;
	line-height: 1;
	margin-top: 4px
}

.message-hide-label .message-label {
	display: none
}

.message-avatar {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	margin-top: -48px;
	position: relative;
	top: 1px;
	background-size: cover;
	opacity: 1;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.message-hide-avatar .message-avatar {
	opacity: 0
}

.message-text {
	box-sizing: border-box;
	border-radius: 2px;
	padding: 6px 8px;
	min-width: 48px;
	font-size: 16px;
	line-height: 1.2;
	word-break: break-word;
	color: #333;
	min-height: 48px;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.message-text img {
	max-width: 100%;
	height: auto
}

.message-pic .message-text {
	padding: 8px
}

.message-date {
	font-size: 12px;
	margin-top: 4px
}

.message-pic img+.message-date {
	margin-top: 8px
}

.message-sent {
	-ms-flex-item-align: end;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.message-sent .message-label,
.message-sent .message-name {
	margin-right: 8px
}

.message-sent .message-text {
	background-color: #c8e6c9;
	margin-left: auto;
	border-radius: 2px 2px 0 2px;
	margin-right: 8px
}

.message-sent .message-text:before {
	position: absolute;
	content: '';
	border-left: 0 solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #c8e6c9;
	left: 100%;
	bottom: 0;
	width: 0;
	height: 0
}

.message-sent.message-with-avatar .message-label,
.message-sent.message-with-avatar .message-name,
.message-sent.message-with-avatar .message-text {
	margin-right: 56px
}

.message-received {
	-ms-flex-item-align: start;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.message-received .message-text {
	background-color: #fff;
	border-radius: 2px 2px 2px 0;
	margin-left: 8px
}

.message-received .message-text:before {
	position: absolute;
	content: '';
	border-left: 8px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 8px solid #fff;
	right: 100%;
	bottom: 0;
	width: 0;
	height: 0
}

.message-received .message-label,
.message-received .message-name {
	margin-left: 8px
}

.message-received.message-with-avatar .message-label,
.message-received.message-with-avatar .message-name,
.message-received.message-with-avatar .message-text {
	margin-left: 56px
}

.message-appear-from-bottom {
	-webkit-animation: messageAppearFromBottom .4s;
	animation: messageAppearFromBottom .4s
}

.message-appear-from-top {
	-webkit-animation: messageAppearFromTop .4s;
	animation: messageAppearFromTop .4s
}

@-webkit-keyframes messageAppearFromBottom {
	from {
		-webkit-transform: translate3d(0, 100%, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@keyframes messageAppearFromBottom {
	from {
		transform: translate3d(0, 100%, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes messageAppearFromTop {
	from {
		-webkit-transform: translate3d(0, -100%, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@keyframes messageAppearFromTop {
	from {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.modal-overlay,
.picker-modal-overlay,
.popup-overlay,
.preloader-indicator-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 13000;
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.modal-overlay.not-animated,
.picker-modal-overlay.not-animated,
.popup-overlay.not-animated,
.preloader-indicator-overlay.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.modal-overlay.modal-overlay-visible,
.picker-modal-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible {
	visibility: visible;
	opacity: 1
}

.popup-overlay {
	z-index: 10500
}

.picker-modal-overlay {
	z-index: 12000
}

.modal {
	width: 280px;
	position: absolute;
	z-index: 13500;
	left: 50%;
	margin-left: -140px;
	margin-top: 0;
	top: 50%;
	border-radius: 3px;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(1.185);
	transform: translate3d(0, 0, 0) scale(1.185);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	color: #757575;
	display: none;
	background: #fff;
	font-size: 16px;
	box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}

.modal.modal-in {
	opacity: 1;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}

.modal.modal-out {
	opacity: 0;
	z-index: 13499;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, 0, 0) scale(.815);
	transform: translate3d(0, 0, 0) scale(.815)
}

.modal-inner {
	padding: 24px 24px 20px;
	position: relative
}

.modal-title {
	font-weight: 500;
	font-size: 20px;
	color: #212121;
	line-height: 1.3
}

.modal-title+.modal-text {
	margin-top: 20px
}

.modal-text {
	line-height: 1.5
}

.modal-buttons {
	height: 48px;
	padding: 6px 8px;
	overflow: hidden;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.modal-buttons.modal-buttons-vertical {
	display: block;
	height: auto;
	padding: 0 0 8px 0
}

.modal-buttons.modal-buttons-vertical .modal-button {
	margin-left: 0;
	text-align: right;
	height: 48px;
	line-height: 48px;
	border-radius: 0;
	padding-left: 16px;
	padding-right: 16px
}

.modal-button,
.modal-buttons .button {
	color: #2196f3;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 2px;
	line-height: 36px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: 0 0;
	padding: 0 10px;
	margin: 0;
	height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	text-transform: uppercase;
	font-family: inherit;
	cursor: pointer;
	min-width: 64px;
	padding: 0 8px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	user-select: none
}

input[type=button].modal-button,
input[type=button].modal-buttons .button,
input[type=submit].modal-button,
input[type=submit].modal-buttons .button {
	width: 100%
}

.modal-button.active-state,
.modal-buttons .button.active-state,
html:not(.watch-active-state) .modal-button:active,
html:not(.watch-active-state) .modal-buttons .button:active {
	background: rgba(0, 0, 0, .1)
}

.modal-button.button-fill,
.modal-buttons .button.button-fill {
	background-color: #2196f3;
	color: #fff
}

.modal-button.button-fill.active-state,
.modal-buttons .button.button-fill.active-state,
html:not(.watch-active-state) .modal-button.button-fill:active,
html:not(.watch-active-state) .modal-buttons .button.button-fill:active {
	background: #0c82df
}

.modal-button.button-big,
.modal-buttons .button.button-big {
	height: 48px;
	line-height: 48px;
	border-radius: 3px
}

.modal-button i.icon+i.icon,
.modal-button i.icon+span,
.modal-button span:not(.ripple-wave)+i.icon,
.modal-button span:not(.ripple-wave)+span,
.modal-buttons .button i.icon+i.icon,
.modal-buttons .button i.icon+span,
.modal-buttons .button span:not(.ripple-wave)+i.icon,
.modal-buttons .button span:not(.ripple-wave)+span {
	margin-left: 8px
}

.navbar .modal-button:not(.button-fill),
.navbar .modal-buttons .button:not(.button-fill),
.notifications .modal-button:not(.button-fill),
.notifications .modal-buttons .button:not(.button-fill),
.subnavbar .modal-button:not(.button-fill),
.subnavbar .modal-buttons .button:not(.button-fill),
.toolbar .modal-button:not(.button-fill),
.toolbar .modal-buttons .button:not(.button-fill) {
	color: #fff
}

.navbar .modal-button:not(.button-fill).active-state,
.navbar .modal-buttons .button:not(.button-fill).active-state,
.notifications .modal-button:not(.button-fill).active-state,
.notifications .modal-buttons .button:not(.button-fill).active-state,
.subnavbar .modal-button:not(.button-fill).active-state,
.subnavbar .modal-buttons .button:not(.button-fill).active-state,
.toolbar .modal-button:not(.button-fill).active-state,
.toolbar .modal-buttons .button:not(.button-fill).active-state,
html:not(.watch-active-state) .navbar .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .navbar .modal-buttons .button:not(.button-fill):active,
html:not(.watch-active-state) .notifications .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .notifications .modal-buttons .button:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .modal-buttons .button:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .modal-buttons .button:not(.button-fill):active {
	background: rgba(255, 255, 255, .15)
}

.modal-button.modal-button-bold,
.modal-buttons .button.modal-button-bold {
	font-weight: 700
}

.modal-button+.modal-button,
.modal-buttons .button+.modal-button {
	margin-left: 4px
}

.modal-no-buttons .modal-buttons {
	display: none
}

.actions-modal {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 13500;
	width: 100%;
	background: #fff;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	max-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.actions-modal.modal-in,
.actions-modal.modal-out {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.actions-modal.modal-in.not-animated,
.actions-modal.modal-out.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.actions-modal.modal-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.actions-modal.modal-out {
	z-index: 13499;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.actions-modal-group {
	position: relative
}

.actions-modal-group:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #d2d2d6;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-modal-group:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-modal-group:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.actions-modal-group:last-child:after {
	display: none
}

.actions-modal-button,
.actions-modal-label {
	width: 100%;
	font-weight: 400;
	margin: 0;
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 0 16px
}

.actions-modal-button a,
.actions-modal-label a {
	text-decoration: none;
	color: inherit;
	display: block
}

.actions-modal-button b,
.actions-modal-label b {
	font-weight: 500
}

.actions-modal-button.actions-modal-button-bold,
.actions-modal-label.actions-modal-button-bold {
	font-weight: 500
}

.actions-modal-button.actions-modal-button-red,
.actions-modal-label.actions-modal-button-red {
	color: #f44336
}

.actions-modal-button.disabled,
.actions-modal-label.disabled {
	opacity: .95;
	color: #9e9e9e
}

.actions-modal-button {
	cursor: pointer;
	line-height: 48px;
	font-size: 16px;
	color: rgba(0, 0, 0, .87);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.actions-modal-button,
.actions-modal-button a {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.actions-modal-button.active-state,
html:not(.watch-active-state) .actions-modal-button:active {
	background: rgba(0, 0, 0, .1)
}

.actions-modal-label {
	font-size: 16px;
	color: rgba(0, 0, 0, .54);
	min-height: 56px;
	line-height: 1.3;
	padding-top: 12px;
	padding-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

input.modal-text-input {
	box-sizing: border-box;
	height: 36px;
	background: #fff;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	border: none;
	width: 100%;
	font-size: 16px;
	font-family: inherit;
	display: block;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
}

input.modal-text-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .35)
}

input.modal-text-input+input.modal-text-input {
	margin-top: 16px
}

.popover {
	width: 320px;
	background: #fff;
	z-index: 13500;
	margin: 0;
	top: 0;
	opacity: 0;
	left: 0;
	border-radius: 3px;
	position: absolute;
	display: none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	-webkit-transform: scale(.85, .6);
	transform: scale(.85, .6);
	-webkit-transition-property: opacity, -webkit-transform, border-radius;
	-moz-transition-property: opacity, -moz-transform, border-radius;
	transition-property: opacity, transform, border-radius
}

.popover.popover-on-top {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.popover.popover-on-bottom {
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.popover.modal-in,
.popover.modal-out {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.popover.modal-in.not-animated,
.popover.modal-out.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.popover.modal-in {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.popover.modal-out {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0
}

.popover .list-block {
	margin: 0
}

.popover .list-block:first-child:last-child ul:before {
	display: none
}

.popover .list-block:first-child:last-child ul:after {
	display: none
}

.popover .list-block ul {
	background: 0 0
}

.popover .list-block ul:before {
	display: none
}

.popover .list-block:first-child ul {
	border-radius: 3px 3px 0 0
}

.popover .list-block:first-child li:first-child a {
	border-radius: 3px 3px 0 0
}

.popover .list-block:last-child ul {
	border-radius: 0 0 3px 3px
}

.popover .list-block:last-child ul:after {
	display: none
}

.popover .list-block:last-child li:last-child a {
	border-radius: 0 0 3px 3px
}

.popover .list-block:first-child:last-child li:first-child:last-child a,
.popover .list-block:first-child:last-child ul:first-child:last-child {
	border-radius: 3px
}

.popover.popover-floating-button {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(.7);
	transform: scale(.7);
	border-radius: 50%;
	box-shadow: none;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.popover.popover-floating-button.modal-in {
	border-radius: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transition-duration: .2s;
	transition-duration: .2s
}

.popover.popover-floating-button.modal-out {
	border-radius: 50%;
	-webkit-transform: scale(.7);
	transform: scale(.7);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.popover.popover-floating-button .list-block {
	margin: 0
}

.popover.popover-floating-button .list-block:first-child ul {
	border-radius: 0
}

.popover.popover-floating-button .list-block:first-child li:first-child a {
	border-radius: 0
}

.popover.popover-floating-button .list-block:last-child ul {
	border-radius: 0
}

.popover.popover-floating-button .list-block:last-child li:last-child a {
	border-radius: 0
}

.popover.popover-floating-button .list-block:first-child:last-child li:first-child:last-child a,
.popover.popover-floating-button .list-block:first-child:last-child ul:first-child:last-child {
	border-radius: 0
}

.popover-inner {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.actions-popover .list-block {
	margin: 0
}

.actions-popover-label {
	padding: 8px 16px;
	color: rgba(0, 0, 0, .54);
	font-size: 16px;
	line-height: 1.3;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative
}

.actions-popover-label:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #d2d2d6;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-popover-label:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-popover-label:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.actions-popover-label:last-child:after {
	display: none
}

.login-screen,
.popup {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11000;
	background: #fff;
	box-sizing: border-box;
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.login-screen.modal-in,
.login-screen.modal-out,
.popup.modal-in,
.popup.modal-out {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.login-screen.modal-in.not-animated,
.login-screen.modal-out.not-animated,
.popup.modal-in.not-animated,
.popup.modal-out.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.login-screen.modal-in,
.popup.modal-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.login-screen.modal-out,
.popup.modal-out {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.login-screen.modal-in,
.login-screen.modal-out {
	display: block
}

@media all and (min-width:630px) and (min-height:630px) {
	.popup:not(.tablet-fullscreen) {
		width: 630px;
		height: 630px;
		left: 50%;
		top: 50%;
		margin-left: -315px;
		margin-top: -315px;
		box-shadow: 0 20px 44px rgba(0, 0, 0, .5);
		border-radius: 3px;
		-webkit-transform: translate3d(0, 1024px, 0);
		transform: translate3d(0, 1024px, 0)
	}

	.popup:not(.tablet-fullscreen).modal-in {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.popup:not(.tablet-fullscreen).modal-out {
		-webkit-transform: translate3d(0, 1024px, 0);
		transform: translate3d(0, 1024px, 0)
	}
}

@media all and (max-width:629px),
(max-height:629px) {
	html.with-statusbar-overlay .popup {
		height: -webkit-calc(100% - 24px);
		height: calc(100% - 24px);
		top: 24px
	}

	html.with-statusbar-overlay .popup-overlay {
		z-index: 9500
	}

	html.with-statusbar-overlay.ios .popup {
		height: -webkit-calc(100% - 20px);
		height: calc(100% - 20px);
		top: 20px
	}
}

html.with-statusbar-overlay .login-screen,
html.with-statusbar-overlay .popup.tablet-fullscreen {
	height: -webkit-calc(100% - 24px);
	height: calc(100% - 24px);
	top: 24px
}

html.with-statusbar-overlay.ios .login-screen,
html.with-statusbar-overlay.ios .popup.tablet-fullscreen {
	height: -webkit-calc(100% - 20px);
	height: calc(100% - 20px);
	top: 20px
}

.modal-preloader .modal-inner,
.modal-preloader .modal-title {
	text-align: center
}

.preloader-indicator-overlay {
	visibility: visible;
	opacity: 0;
	background: 0 0
}

.preloader-indicator-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 8px;
	margin-left: -24px;
	margin-top: -24px;
	background: rgba(0, 0, 0, .8);
	z-index: 13500;
	border-radius: 4px
}

.preloader-indicator-modal .preloader {
	display: block
}

.picker-modal {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 260px;
	z-index: 12000;
	display: none;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	background: #fff;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.picker-modal.modal-in,
.picker-modal.modal-out {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.picker-modal.modal-in.not-animated,
.picker-modal.modal-out.not-animated {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.picker-modal.modal-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.picker-modal.modal-out {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.picker-modal .picker-modal-inner {
	height: 100%;
	position: relative
}

.picker-modal .toolbar {
	position: relative;
	width: 100%;
	top: 0
}

.picker-modal .toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 48px);
	height: -moz-calc(100% - 48px);
	height: calc(100% - 48px)
}

.picker-modal .toolbar a.link {
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.picker-modal .picker-footer,
.picker-modal .picker-header {
	height: 48px
}

.picker-modal .picker-header {
	background: #2196f3
}

.picker-modal .picker-header+.toolbar .toolbar-inner {
	overflow: visible
}

.picker-modal .picker-header+.picker-footer+.toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 48px * 3);
	height: -moz-calc(100% - 48px * 3);
	height: calc(100% - 48px * 3)
}

.picker-modal .picker-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 48px;
	padding: 6px 8px;
	overflow: hidden;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.picker-modal .picker-footer.modal-buttons-vertical {
	display: block;
	height: auto;
	padding: 0 0 8px 0
}

.picker-modal .picker-footer.modal-buttons-vertical .modal-button {
	margin-left: 0;
	text-align: right;
	height: 48px;
	line-height: 48px;
	border-radius: 0;
	padding-left: 16px;
	padding-right: 16px
}

.picker-modal .picker-footer+.picker-modal-inner,
.picker-modal .picker-header+.picker-modal-inner {
	height: -webkit-calc(100% - 48px);
	height: -moz-calc(100% - 48px);
	height: calc(100% - 48px)
}

.picker-modal .picker-footer+.toolbar+.picker-modal-inner,
.picker-modal .picker-header+.toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 48px * 2);
	height: -moz-calc(100% - 48px * 2);
	height: calc(100% - 48px * 2)
}

.picker-modal.picker-modal-inline,
.popover .picker-modal {
	display: block;
	position: relative;
	background: 0 0;
	z-index: inherit;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.picker-modal.picker-modal-inline .toolbar,
.popover .picker-modal .toolbar {
	top: 0
}

.popover .picker-modal {
	width: auto
}

.popover .picker-modal .picker-header:first-child,
.popover .picker-modal .toolbar:first-child {
	border-radius: 2px 2px 0 0
}

.picker-modal.smart-select-picker .list-block {
	margin: 0
}

.picker-modal.smart-select-picker .list-block ul:before {
	display: none
}

.picker-modal.smart-select-picker .list-block ul:after {
	display: none
}

.tabs .tab {
	display: none
}

.tabs .tab.active {
	display: block
}

.tabs-animated-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%
}

.tabs-animated-wrap>.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.tabs-animated-wrap>.tabs>.tab {
	width: 100%;
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.tabs-animated-wrap.not-animated>.tabs {
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.tabs-swipeable-wrap {
	height: 100%
}

.tabs-swipeable-wrap>.tabs>.tab {
	display: block
}

.picker-columns {
	width: 100%;
	height: 260px;
	z-index: 11500
}

.picker-columns.picker-modal-inline {
	height: 200px
}

@media (orientation:landscape) and (max-height:415px) {
	.picker-columns:not(.picker-modal-inline) {
		height: 200px
	}
}

.popover.popover-picker-columns {
	width: 280px
}

.popover.popover-picker-columns .toolbar {
	border-radius: 2px 2px 0 0
}

.picker-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	text-align: right;
	font-size: 20px;
	-webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
	-webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent)
}

.picker-items-col {
	overflow: hidden;
	position: relative;
	max-height: 100%
}

.picker-items-col.picker-items-col-left {
	text-align: left
}

.picker-items-col.picker-items-col-center {
	text-align: center
}

.picker-items-col.picker-items-col-right {
	text-align: right
}

.picker-items-col.picker-items-col-divider {
	color: rgba(0, 0, 0, .87);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.picker-items-col-wrapper {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.picker-item {
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	color: rgba(0, 0, 0, .54);
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.picker-item span {
	padding: 0 10px
}

.picker-items-col-absolute .picker-item {
	position: absolute
}

.picker-item.picker-item-far {
	pointer-events: none
}

.picker-item.picker-selected {
	color: rgba(0, 0, 0, .87);
	-webkit-transform: translate3d(0, 0, 0) rotateX(0);
	transform: translate3d(0, 0, 0) rotateX(0)
}

.picker-center-highlight {
	height: 36px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -18px;
	pointer-events: none
}

.picker-center-highlight:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .15);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-center-highlight:before {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:before {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.picker-center-highlight:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .15);
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-center-highlight:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:after {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

.picker-3d .picker-items {
	overflow: hidden;
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.picker-3d .picker-item,
.picker-3d .picker-items-col,
.picker-3d .picker-items-col-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.picker-3d .picker-items-col {
	overflow: visible
}

.picker-3d .picker-item {
	-webkit-transform-origin: center center -110px;
	transform-origin: center center -110px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.notifications {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 20000;
	color: #fff;
	font-size: 14px;
	margin: 0;
	border: none;
	display: none;
	box-sizing: border-box;
	max-height: 100%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-duration: 450ms;
	transition-duration: 450ms;
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.notifications.list-block>ul {
	max-width: 568px;
	background: #323232;
	margin: 0 auto
}

.notifications.list-block>ul:before {
	display: none
}

.notifications.list-block>ul:after {
	display: none
}

.notifications .item-content {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding-left: 24px
}

.notifications .item-title {
	font-size: 14px;
	font-weight: 400;
	white-space: normal;
	padding-top: 14px;
	padding-bottom: 14px
}

.notifications .item-inner {
	padding-right: 24px;
	padding-top: 0;
	padding-bottom: 0
}

.notifications .item-inner:after {
	display: none
}

.notifications .item-after {
	max-height: none;
	margin-left: 16px
}

.notifications .button.close-notification {
	color: #48aeff
}

.notifications .notification-item {
	margin: 0 auto;
	-webkit-transition-duration: 450ms;
	transition-duration: 450ms;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.notifications .notification-hidden {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.notifications .notification-item-removing {
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

@media (min-width:569px) {
	.notifications.list-block>ul {
		border-radius: 2px;
		width: auto;
		min-width: 288px
	}
}

.progressbar,
.progressbar-infinite {
	height: 4px;
	width: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	background: rgba(33, 150, 243, .5)
}

.progressbar {
	display: block;
	vertical-align: middle;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.progressbar span {
	content: '';
	width: 100%;
	background: #2196f3;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition-duration: 150ms;
	transition-duration: 150ms
}

.progressbar-infinite {
	z-index: 15000
}

.progressbar-infinite:after,
.progressbar-infinite:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #2196f3;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.progressbar-infinite:before {
	-webkit-animation: progressbar-infinite-1 2s linear infinite;
	animation: progressbar-infinite-1 2s linear infinite
}

.progressbar-infinite:after {
	-webkit-animation: progressbar-infinite-2 2s linear infinite;
	animation: progressbar-infinite-2 2s linear infinite
}

html.with-statusbar-overlay .framework7-root>.progressbar-infinite,
html.with-statusbar-overlay body>.progressbar-infinite {
	top: 24px
}

html.with-statusbar-overlay.ios .framework7-root>.progressbar-infinite,
html.with-statusbar-overlay.ios body>.progressbar-infinite {
	top: 20px
}

.progressbar-infinite.color-multi {
	background: 0 0 !important
}

.progressbar-infinite.color-multi:after,
.progressbar-infinite.color-multi:before {
	width: 100%;
	animation: none
}

.progressbar-infinite.color-multi:before {
	background: 0 0;
	-webkit-animation: progressbar-infinite-multicolor-bg 3s step-end infinite;
	animation: progressbar-infinite-multicolor-bg 3s step-end infinite
}

.progressbar-infinite.color-multi:after {
	background: 0 0;
	-webkit-animation: progressbar-infinite-multicolor-fill 3s linear infinite;
	animation: progressbar-infinite-multicolor-fill 3s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.framework7-root>.progressbar,
.framework7-root>.progressbar-infinite,
.page>.progressbar,
.page>.progressbar-infinite,
.panel>.progressbar,
.panel>.progressbar-infinite,
.popup>.progressbar,
.popup>.progressbar-infinite,
.view>.progressbar,
.view>.progressbar-infinite,
.views>.progressbar,
.views>.progressbar-infinite,
body>.progressbar,
body>.progressbar-infinite {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15000;
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.progressbar-in {
	-webkit-animation: progressbar-in .3s forwards;
	animation: progressbar-in .3s forwards
}

.progressbar-out {
	-webkit-animation: progressbar-out .3s forwards;
	animation: progressbar-out .3s forwards
}

html.with-statusbar-overlay .framework7-root>.progressbar,
html.with-statusbar-overlay body>.progressbar {
	top: 24px
}

html.with-statusbar-overlay.ios .framework7-root>.progressbar,
html.with-statusbar-overlay.ios body>.progressbar {
	top: 20px
}

@-webkit-keyframes progressbar-in {
	from {
		opacity: 0;
		-webkit-transform: scaleY(0)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleY(1)
	}
}

@keyframes progressbar-in {
	from {
		opacity: 0;
		transform: scaleY(0)
	}

	to {
		opacity: 1;
		transform: scaleY(1)
	}
}

@-webkit-keyframes progressbar-out {
	from {
		opacity: 1;
		-webkit-transform: scaleY(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scaleY(0)
	}
}

@keyframes progressbar-out {
	from {
		opacity: 1;
		transform: scaleY(1)
	}

	to {
		opacity: 0;
		transform: scaleY(0)
	}
}

@-webkit-keyframes progressbar-infinite-1 {
	0% {
		-webkit-transform: translateX(-10%) scaleX(.1)
	}

	25% {
		-webkit-transform: translateX(30%) scaleX(.6)
	}

	50% {
		-webkit-transform: translateX(100%) scaleX(1)
	}

	100% {
		-webkit-transform: translateX(100%) scaleX(1)
	}
}

@keyframes progressbar-infinite-1 {
	0% {
		transform: translateX(-10%) scaleX(.1)
	}

	25% {
		transform: translateX(30%) scaleX(.6)
	}

	50% {
		transform: translateX(100%) scaleX(1)
	}

	100% {
		transform: translateX(100%) scaleX(1)
	}
}

@-webkit-keyframes progressbar-infinite-2 {
	0% {
		-webkit-transform: translateX(-100%) scaleX(1)
	}

	40% {
		-webkit-transform: translateX(-100%) scaleX(1)
	}

	75% {
		-webkit-transform: translateX(60%) scaleX(.35)
	}

	90% {
		-webkit-transform: translateX(100%) scaleX(.1)
	}

	100% {
		-webkit-transform: translateX(100%) scaleX(.1)
	}
}

@keyframes progressbar-infinite-2 {
	0% {
		transform: translateX(-100%) scaleX(1)
	}

	40% {
		transform: translateX(-100%) scaleX(1)
	}

	75% {
		transform: translateX(60%) scaleX(.35)
	}

	90% {
		transform: translateX(100%) scaleX(.1)
	}

	100% {
		transform: translateX(100%) scaleX(.1)
	}
}

@-webkit-keyframes progressbar-infinite-multicolor-bg {
	0% {
		background-color: #4caf50
	}

	25% {
		background-color: #f44336
	}

	50% {
		background-color: #2196f3
	}

	75% {
		background-color: #ffeb3b
	}
}

@keyframes progressbar-infinite-multicolor-bg {
	0% {
		background-color: #4caf50
	}

	25% {
		background-color: #f44336
	}

	50% {
		background-color: #2196f3
	}

	75% {
		background-color: #ffeb3b
	}
}

@-webkit-keyframes progressbar-infinite-multicolor-fill {
	0% {
		-webkit-transform: scaleX(0);
		background-color: #f44336
	}

	24.9% {
		-webkit-transform: scaleX(1);
		background-color: #f44336
	}

	25% {
		-webkit-transform: scaleX(0);
		background-color: #2196f3
	}

	49.9% {
		-webkit-transform: scaleX(1);
		background-color: #2196f3
	}

	50% {
		-webkit-transform: scaleX(0);
		background-color: #ffeb3b
	}

	74.9% {
		-webkit-transform: scaleX(1);
		background-color: #ffeb3b
	}

	75% {
		-webkit-transform: scaleX(0);
		background-color: #4caf50
	}

	100% {
		-webkit-transform: scaleX(1);
		background-color: #4caf50
	}
}

@keyframes progressbar-infinite-multicolor-fill {
	0% {
		transform: scaleX(0);
		background-color: #f44336
	}

	24.9% {
		transform: scaleX(1);
		background-color: #f44336
	}

	25% {
		transform: scaleX(0);
		background-color: #2196f3
	}

	49.9% {
		transform: scaleX(1);
		background-color: #2196f3
	}

	50% {
		transform: scaleX(0);
		background-color: #ffeb3b
	}

	74.9% {
		transform: scaleX(1);
		background-color: #ffeb3b
	}

	75% {
		transform: scaleX(0);
		background-color: #4caf50
	}

	100% {
		transform: scaleX(1);
		background-color: #4caf50
	}
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-slide .preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10
}

.login-screen-content {
	background: #fff
}

.login-screen-content .content-block,
.login-screen-content .list-block,
.login-screen-content .list-block-label,
.login-screen-content .login-screen-title {
	max-width: 480px;
	margin: 24px auto
}

.login-screen-content .list-block ul {
	background: 0 0
}

.login-screen-content .list-block ul:before {
	display: none
}

.login-screen-content .list-block ul:after {
	display: none
}

.login-screen-content .list-block-label {
	text-align: center
}

.navbar-fixed .page .login-screen-content {
	padding-top: 0
}

.login-screen-title {
	text-align: center;
	font-size: 34px
}

.actions-modal-button,
.button,
.floating-button>a,
.label-checkbox,
.label-radio,
.modal-button,
.ripple,
.speed-dial-buttons a,
.tab-link,
a.floating-button,
a.item-link,
a.link {
	-webkit-user-select: none;
	user-select: none
}

.ripple-wave {
	left: 0;
	top: 0;
	position: absolute !important;
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
	background: rgba(0, 0, 0, .1);
	padding: 0;
	margin: 0;
	font-size: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0);
	transform: translate3d(0, 0, 0) scale(0);
	-webkit-transition-duration: 1.4s;
	transition-duration: 1.4s
}

.ripple-wave.ripple-wave-fill {
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	opacity: .35
}

.ripple-wave.ripple-wave-out {
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	opacity: 0
}

.button-fill .ripple-wave,
.picker-calendar-day .ripple-wave {
	z-index: 1
}

.button-fill .ripple-wave,
.floating-button .ripple-wave,
.navbar .ripple-wave,
.notifications .ripple-wave,
.searchbar .ripple-wave,
.speed-dial-buttons a .ripple-wave,
.subnavbar .ripple-wave,
.toolbar .ripple-wave {
	background: rgba(255, 255, 255, .3)
}

.messagebar .ripple-wave {
	background: rgba(0, 0, 0, .1)
}

.data-table .sortable-cell .ripple-wave {
	z-index: 0
}

.form-checkbox .ripple-wave,
.form-radio .ripple-wave {
	background: rgba(33, 150, 243, .5);
	z-index: 0
}

.disabled,
[disabled] {
	opacity: .55;
	pointer-events: none
}

.disabled .disabled,
.disabled [disabled],
[disabled] .disabled,
[disabled] [disabled] {
	opacity: 1
}

.layout-dark .login-screen-content,
.layout-dark .page,
.layout-dark .panel,
.page.layout-dark,
.panel.layout-dark {
	background-color: #222;
	color: rgba(255, 255, 255, .87)
}

.layout-dark .content-block-title {
	color: rgba(255, 255, 255, .87)
}

.layout-dark .content-block-inner:before {
	background-color: #393939
}

.layout-dark .content-block-inner:after {
	background-color: #393939
}

.layout-dark .popover .list-block ul {
	background: 0 0
}

.layout-dark .card {
	background: #1c1c1c
}

.layout-dark .card-header:after {
	background-color: #393939
}

.layout-dark .card-footer {
	color: #bbb
}

.layout-dark .card-footer:before {
	background-color: #393939
}

.layout-dark .list-block ul:before,
.list-block.layout-dark ul:before {
	background-color: #393939
}

.layout-dark .list-block ul:after,
.list-block.layout-dark ul:after {
	background-color: #393939
}

.layout-dark .list-block.inset ul,
.list-block.layout-dark.inset ul {
	background: #1c1c1c
}

.layout-dark .list-block.notifications>ul,
.list-block.layout-dark.notifications>ul {
	background: 0 0
}

.layout-dark li.sorting {
	background-color: rgba(34, 34, 34, .8)
}

.layout-dark .swipeout-actions-left a,
.layout-dark .swipeout-actions-right a {
	background-color: #444
}

.layout-dark .item-inner:after,
.layout-dark .list-block ul ul li:last-child .item-inner:after {
	background-color: #393939
}

.layout-dark .item-after,
.layout-dark .item-text {
	color: rgba(255, 255, 255, .7)
}

.layout-dark .list-block-label {
	color: #bbb
}

.layout-dark .item-divider,
.layout-dark .list-group-title {
	background: #1a1a1a;
	color: #bbb
}

.layout-dark .item-divider:before,
.layout-dark .list-group-title:before {
	background-color: #393939
}

.layout-dark .contacts-block .list-group-title {
	background: 0 0
}

.layout-dark .autocomplete-dropdown {
	background: #1c1c1c
}

.layout-dark .autocomplete-dropdown .list-block {
	color: rgba(255, 255, 255, .54)
}

.layout-dark .autocomplete-dropdown .list-block b {
	color: rgba(255, 255, 255, .87)
}

.layout-dark .item-link.active-state,
.layout-dark label.label-checkbox.active-state,
.layout-dark label.label-radio.active-state,
html:not(.watch-active-state) .layout-dark .item-link:active,
html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
html:not(.watch-active-state) .layout-dark label.label-radio:active {
	background-color: rgba(255, 255, 255, .05)
}

.layout-dark .list-block input[type=text],
.layout-dark .list-block input[type=password],
.layout-dark .list-block input[type=search],
.layout-dark .list-block input[type=email],
.layout-dark .list-block input[type=tel],
.layout-dark .list-block input[type=url],
.layout-dark .list-block input[type=date],
.layout-dark .list-block input[type=datetime-local],
.layout-dark .list-block input[type=time],
.layout-dark .list-block input[type=number],
.layout-dark .list-block select,
.layout-dark .list-block textarea {
	color: #fff
}

.layout-dark .list-block input[type=text]::-webkit-input-placeholder,
.layout-dark .list-block input[type=password]::-webkit-input-placeholder,
.layout-dark .list-block input[type=search]::-webkit-input-placeholder,
.layout-dark .list-block input[type=email]::-webkit-input-placeholder,
.layout-dark .list-block input[type=tel]::-webkit-input-placeholder,
.layout-dark .list-block input[type=url]::-webkit-input-placeholder,
.layout-dark .list-block input[type=date]::-webkit-input-placeholder,
.layout-dark .list-block input[type=datetime-local]::-webkit-input-placeholder,
.layout-dark .list-block input[type=time]::-webkit-input-placeholder,
.layout-dark .list-block input[type=number]::-webkit-input-placeholder,
.layout-dark .list-block select::-webkit-input-placeholder,
.layout-dark .list-block textarea::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .35)
}

.layout-dark .label-switch .checkbox {
	background: rgba(255, 255, 255, .3)
}

.layout-dark .item-inner:not(.focus-state) .floating-label,
.layout-dark .item-inner:not(.focus-state) .label {
	color: rgba(255, 255, 255, .7)
}

.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .input-field:after,
.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .item-input-field:after {
	background-color: rgba(255, 255, 255, .12)
}

.layout-dark label.label-checkbox i.icon-form-checkbox {
	border-color: rgba(255, 255, 255, .7)
}

.layout-dark label.label-radio i.icon-form-radio {
	border-color: rgba(255, 255, 255, .7)
}

.layout-dark .item-link.list-button:after,
.layout-dark .list-button:after {
	background-color: #393939
}

.layout-dark .page-content .ripple-wave {
	background: rgba(255, 255, 255, .3)
}

.layout-dark .button:not(.button-fill).active-state,
html:not(.watch-active-state) .layout-dark .button:not(.button-fill):active {
	background: rgba(255, 255, 255, .1)
}

.layout-dark .chip {
	background: rgba(255, 255, 255, .87)
}

.layout-dark .timeline-item-inner {
	background: #1c1c1c
}

.layout-dark .timeline-item-divider {
	background: rgba(255, 255, 255, .3)
}

.layout-dark .content-block-inner .timeline-item-inner {
	border-color: #393939
}

.layout-dark .timeline-item-time {
	color: rgba(255, 255, 255, .7)
}

.layout-dark .data-table tbody tr.data-table-row-selected {
	background: rgba(255, 255, 255, .05)
}

.layout-dark .data-table tbody td:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #393939;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

html.pixel-ratio-2 .layout-dark .data-table tbody td:before {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

html.pixel-ratio-3 .layout-dark .data-table tbody td:before {
	-webkit-transform: scaleY(.33);
	transform: scaleY(.33)
}

html:not(.ios):not(.android) .layout-dark .data-table tbody tr:hover {
	background: rgba(255, 255, 255, .05)
}

.layout-dark .data-table thead td:not(.sortable-active),
.layout-dark .data-table thead th:not(.sortable-active) {
	color: rgba(255, 255, 255, .5)
}

.layout-dark .data-table td.actions-cell a.link,
.layout-dark .data-table th.actions-cell a.link {
	color: rgba(255, 255, 255, .5)
}

.layout-dark .data-table .sortable-cell.numeric-cell:before,
.layout-dark .data-table .sortable-cell:not(.numeric-cell):after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.layout-dark .data-table .data-table-actions a.link {
	color: rgba(255, 255, 255, .5)
}

@media (max-width:480px) and (orientation:portrait) {
	.layout-dark .data-table.data-table-collapsible tr:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: auto;
		right: auto;
		height: 1px;
		width: 100%;
		background-color: #393939;
		display: block;
		z-index: 15;
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	html.pixel-ratio-2 .layout-dark .data-table.data-table-collapsible tr:before {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}

	html.pixel-ratio-3 .layout-dark .data-table.data-table-collapsible tr:before {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}

	.layout-dark .data-table.data-table-collapsible tr:hover {
		background-color: inherit
	}

	.layout-dark .data-table.data-table-collapsible td:not(.checkbox-cell):before {
		color: rgba(255, 255, 255, .5)
	}
}

.theme-red .button:not(.button-fill) {
	color: #f44336
}

.theme-red .navbar .button:not(.button-fill),
.theme-red .subnavbar .button:not(.button-fill),
.theme-red .toolbar .button:not(.button-fill),
.theme-red.navbar .button:not(.button-fill),
.theme-red.subnavbar .button:not(.button-fill),
.theme-red.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-red .button.button-fill {
	background: #f44336;
	color: #fff
}

.theme-red .button.button-fill.active-state,
html:not(.watch-active-state) .theme-red .button.button-fill:active {
	background: #D32F2F
}

.progressbar.theme-red,
.theme-red .progressbar {
	background-color: rgba(244, 67, 54, .5)
}

.progressbar.theme-red span,
.theme-red .progressbar span {
	background-color: #f44336
}

.progressbar-infinite.theme-red,
.theme-red .progressbar-infinite {
	background-color: rgba(244, 67, 54, .5)
}

.progressbar-infinite.theme-red:after,
.progressbar-infinite.theme-red:before,
.theme-red .progressbar-infinite:after,
.theme-red .progressbar-infinite:before {
	background-color: #f44336
}

.color-red i.icon,
i.icon.color-red {
	color: #f44336
}

i.icon-next.color-red,
i.icon-next.theme-red {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-red,
i.icon-prev.theme-red {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-red,
i.icon-back.theme-red {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-red,
i.icon-forward.theme-red {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-red,
i.icon-bars.theme-red {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

.theme-red .card a,
.theme-red a {
	color: #f44336
}

.navbar.theme-red,
.searchbar.theme-red,
.subnavbar.theme-red,
.theme-red .navbar,
.theme-red .searchbar,
.theme-red .subnavbar,
.theme-red .toolbar,
.toolbar.theme-red {
	background-color: #f44336
}

.label-switch.theme-red input[type=checkbox]:checked+.checkbox,
.theme-red .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(244, 67, 54, .5)
}

.label-switch.theme-red input[type=checkbox]:checked+.checkbox:after,
.theme-red .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #f44336
}

.theme-red label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-red i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-red label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #f44336;
	background-color: #f44336
}

.theme-red label.label-radio i.icon-form-radio:after,
label.label-radio.theme-red i.icon-form-radio:after {
	background-color: #f44336
}

.theme-red label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-red label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-red label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-red label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-red label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-red label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-red input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-red input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-red input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-red input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-red input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #f44336
}

.theme-red label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-red label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-red label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-red label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-red label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-red label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-red input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-red input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-red input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-red input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-red input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #f44336
}

.form-checkbox.theme-red input[type=checkbox]:checked~i,
.theme-red .form-checkbox input[type=checkbox]:checked~i {
	border-color: #f44336;
	background-color: #f44336
}

.form-radio.theme-red input[type=radio]:checked~i,
.theme-red .form-radio input[type=radio]:checked~i {
	border-color: #f44336
}

.form-radio.theme-red input[type=radio]:checked~i:after,
.theme-red .form-radio input[type=radio]:checked~i:after {
	background-color: #f44336
}

.theme-red .form-checkbox .ripple-wave,
.theme-red .form-radio .ripple-wave {
	background: rgba(244, 67, 54, .5)
}

.theme-red .focus-state .floating-label,
.theme-red .focus-state .label {
	color: #f44336
}

.theme-red .input-field.focus-state:after,
.theme-red .input-field.not-empty-state:after,
.theme-red .item-input-field.focus-state:after,
.theme-red .item-input-field.not-empty-state:after {
	background: #f44336
}

.theme-red .picker-calendar-day.picker-calendar-day-today span {
	color: #f44336
}

.theme-red .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #f44336;
	color: #fff
}

.theme-red .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #f44336
}

.theme-red .picker-header {
	background-color: #f44336
}

.theme-red .modal-button {
	color: #f44336
}

.theme-red .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-red .timeline-item-date {
	background-color: #f44336
}

.theme-red .timeline-month-title,
.theme-red .timeline-year-title {
	background-color: #f44336
}

.theme-red .statusbar-overlay {
	background-color: #B71C1C
}

.data-table.theme-red .data-table-header-selected,
.theme-red .data-table .data-table-header-selected {
	background: rgba(244, 67, 54, .1)
}

.data-table.theme-red .data-table-title-selected,
.theme-red .data-table .data-table-title-selected {
	color: #f44336
}

.swiper-pagination.color-red .swiper-pagination-bullet-active,
.theme-red .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #f44336
}

.swiper-pagination.color-red .swiper-pagination-progressbar,
.theme-red .swiper-pagination .swiper-pagination-progressbar {
	background-color: #f44336
}

.swiper-pagination.swiper-pagination-progress.bg-red {
	background-color: rgba(244, 67, 54, .25)
}

.swiper-button-next.color-red,
.swiper-container-rtl .swiper-button-prev.color-red,
.theme-red .swiper-button-next,
.theme-red .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-red,
.swiper-container-rtl .swiper-button-next.color-red,
.theme-red .swiper-button-prev,
.theme-red .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-red,
.speed-dial-buttons a.theme-red,
.theme-red .floating-button,
.theme-red .speed-dial-buttons a {
	color: #fff;
	background: #f44336
}

.floating-button.theme-red.active-state,
.speed-dial-buttons a.theme-red.active-state,
.theme-red .floating-button.active-state,
.theme-red .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-red:active,
html:not(.watch-active-state) .theme-red .floating-button:active,
html:not(.watch-active-state) .theme-red .speed-dial-buttons a:active {
	background: #D32F2F
}

.floating-button.theme-red i,
.speed-dial-buttons a.theme-red i,
.theme-red .floating-button i,
.theme-red .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-red input[type=range]::-webkit-slider-thumb:before,
.theme-red .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #f44336
}

.range-slider.theme-red input[type=range]::-webkit-slider-thumb,
.theme-red .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #f44336
}

.range-slider.theme-red input[type=range]::-ms-thumb,
.theme-red .range-slider input[type=range]::-ms-thumb {
	background-color: #f44336
}

.range-slider.theme-red input[type=range]::-ms-fill-lower,
.theme-red .range-slider input[type=range]::-ms-fill-lower {
	background-color: #f44336
}

.range-slider.theme-red input[type=range]::-moz-range-thumb,
.theme-red .range-slider input[type=range]::-moz-range-thumb {
	background-color: #f44336
}

.badge.theme-red {
	background-color: #f44336;
	color: #fff
}

.theme-pink .button:not(.button-fill) {
	color: #e91e63
}

.theme-pink .navbar .button:not(.button-fill),
.theme-pink .subnavbar .button:not(.button-fill),
.theme-pink .toolbar .button:not(.button-fill),
.theme-pink.navbar .button:not(.button-fill),
.theme-pink.subnavbar .button:not(.button-fill),
.theme-pink.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-pink .button.button-fill {
	background: #e91e63;
	color: #fff
}

.theme-pink .button.button-fill.active-state,
html:not(.watch-active-state) .theme-pink .button.button-fill:active {
	background: #C2185B
}

.progressbar.theme-pink,
.theme-pink .progressbar {
	background-color: rgba(233, 30, 99, .5)
}

.progressbar.theme-pink span,
.theme-pink .progressbar span {
	background-color: #e91e63
}

.progressbar-infinite.theme-pink,
.theme-pink .progressbar-infinite {
	background-color: rgba(233, 30, 99, .5)
}

.progressbar-infinite.theme-pink:after,
.progressbar-infinite.theme-pink:before,
.theme-pink .progressbar-infinite:after,
.theme-pink .progressbar-infinite:before {
	background-color: #e91e63
}

.color-pink i.icon,
i.icon.color-pink {
	color: #e91e63
}

i.icon-next.color-pink,
i.icon-next.theme-pink {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-pink,
i.icon-prev.theme-pink {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-pink,
i.icon-back.theme-pink {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-pink,
i.icon-forward.theme-pink {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-pink,
i.icon-bars.theme-pink {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

.theme-pink .card a,
.theme-pink a {
	color: #e91e63
}

.navbar.theme-pink,
.searchbar.theme-pink,
.subnavbar.theme-pink,
.theme-pink .navbar,
.theme-pink .searchbar,
.theme-pink .subnavbar,
.theme-pink .toolbar,
.toolbar.theme-pink {
	background-color: #e91e63
}

.label-switch.theme-pink input[type=checkbox]:checked+.checkbox,
.theme-pink .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(233, 30, 99, .5)
}

.label-switch.theme-pink input[type=checkbox]:checked+.checkbox:after,
.theme-pink .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #e91e63
}

.theme-pink label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-pink i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-pink label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #e91e63;
	background-color: #e91e63
}

.theme-pink label.label-radio i.icon-form-radio:after,
label.label-radio.theme-pink i.icon-form-radio:after {
	background-color: #e91e63
}

.theme-pink label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-pink label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-pink label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-pink label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-pink input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-pink input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-pink input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-pink input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #e91e63
}

.theme-pink label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-pink label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-pink label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-pink label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-pink input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-pink input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-pink input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-pink input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #e91e63
}

.form-checkbox.theme-pink input[type=checkbox]:checked~i,
.theme-pink .form-checkbox input[type=checkbox]:checked~i {
	border-color: #e91e63;
	background-color: #e91e63
}

.form-radio.theme-pink input[type=radio]:checked~i,
.theme-pink .form-radio input[type=radio]:checked~i {
	border-color: #e91e63
}

.form-radio.theme-pink input[type=radio]:checked~i:after,
.theme-pink .form-radio input[type=radio]:checked~i:after {
	background-color: #e91e63
}

.theme-pink .form-checkbox .ripple-wave,
.theme-pink .form-radio .ripple-wave {
	background: rgba(233, 30, 99, .5)
}

.theme-pink .focus-state .floating-label,
.theme-pink .focus-state .label {
	color: #e91e63
}

.theme-pink .input-field.focus-state:after,
.theme-pink .input-field.not-empty-state:after,
.theme-pink .item-input-field.focus-state:after,
.theme-pink .item-input-field.not-empty-state:after {
	background: #e91e63
}

.theme-pink .picker-calendar-day.picker-calendar-day-today span {
	color: #e91e63
}

.theme-pink .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #e91e63;
	color: #fff
}

.theme-pink .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #e91e63
}

.theme-pink .picker-header {
	background-color: #e91e63
}

.theme-pink .modal-button {
	color: #e91e63
}

.theme-pink .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-pink .timeline-item-date {
	background-color: #e91e63
}

.theme-pink .timeline-month-title,
.theme-pink .timeline-year-title {
	background-color: #e91e63
}

.theme-pink .statusbar-overlay {
	background-color: #880E4F
}

.data-table.theme-pink .data-table-header-selected,
.theme-pink .data-table .data-table-header-selected {
	background: rgba(233, 30, 99, .1)
}

.data-table.theme-pink .data-table-title-selected,
.theme-pink .data-table .data-table-title-selected {
	color: #e91e63
}

.swiper-pagination.color-pink .swiper-pagination-bullet-active,
.theme-pink .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #e91e63
}

.swiper-pagination.color-pink .swiper-pagination-progressbar,
.theme-pink .swiper-pagination .swiper-pagination-progressbar {
	background-color: #e91e63
}

.swiper-pagination.swiper-pagination-progress.bg-pink {
	background-color: rgba(233, 30, 99, .25)
}

.swiper-button-next.color-pink,
.swiper-container-rtl .swiper-button-prev.color-pink,
.theme-pink .swiper-button-next,
.theme-pink .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-pink,
.swiper-container-rtl .swiper-button-next.color-pink,
.theme-pink .swiper-button-prev,
.theme-pink .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-pink,
.speed-dial-buttons a.theme-pink,
.theme-pink .floating-button,
.theme-pink .speed-dial-buttons a {
	color: #fff;
	background: #e91e63
}

.floating-button.theme-pink.active-state,
.speed-dial-buttons a.theme-pink.active-state,
.theme-pink .floating-button.active-state,
.theme-pink .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-pink:active,
html:not(.watch-active-state) .theme-pink .floating-button:active,
html:not(.watch-active-state) .theme-pink .speed-dial-buttons a:active {
	background: #C2185B
}

.floating-button.theme-pink i,
.speed-dial-buttons a.theme-pink i,
.theme-pink .floating-button i,
.theme-pink .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-pink input[type=range]::-webkit-slider-thumb:before,
.theme-pink .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #e91e63
}

.range-slider.theme-pink input[type=range]::-webkit-slider-thumb,
.theme-pink .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #e91e63
}

.range-slider.theme-pink input[type=range]::-ms-thumb,
.theme-pink .range-slider input[type=range]::-ms-thumb {
	background-color: #e91e63
}

.range-slider.theme-pink input[type=range]::-ms-fill-lower,
.theme-pink .range-slider input[type=range]::-ms-fill-lower {
	background-color: #e91e63
}

.range-slider.theme-pink input[type=range]::-moz-range-thumb,
.theme-pink .range-slider input[type=range]::-moz-range-thumb {
	background-color: #e91e63
}

.badge.theme-pink {
	background-color: #e91e63;
	color: #fff
}

.theme-purple .button:not(.button-fill) {
	color: #9c27b0
}

.theme-purple .navbar .button:not(.button-fill),
.theme-purple .subnavbar .button:not(.button-fill),
.theme-purple .toolbar .button:not(.button-fill),
.theme-purple.navbar .button:not(.button-fill),
.theme-purple.subnavbar .button:not(.button-fill),
.theme-purple.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-purple .button.button-fill {
	background: #9c27b0;
	color: #fff
}

.theme-purple .button.button-fill.active-state,
html:not(.watch-active-state) .theme-purple .button.button-fill:active {
	background: #7B1FA2
}

.progressbar.theme-purple,
.theme-purple .progressbar {
	background-color: rgba(156, 39, 176, .5)
}

.progressbar.theme-purple span,
.theme-purple .progressbar span {
	background-color: #9c27b0
}

.progressbar-infinite.theme-purple,
.theme-purple .progressbar-infinite {
	background-color: rgba(156, 39, 176, .5)
}

.progressbar-infinite.theme-purple:after,
.progressbar-infinite.theme-purple:before,
.theme-purple .progressbar-infinite:after,
.theme-purple .progressbar-infinite:before {
	background-color: #9c27b0
}

.color-purple i.icon,
i.icon.color-purple {
	color: #9c27b0
}

i.icon-next.color-purple,
i.icon-next.theme-purple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-purple,
i.icon-prev.theme-purple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-purple,
i.icon-back.theme-purple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-purple,
i.icon-forward.theme-purple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-purple,
i.icon-bars.theme-purple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

.theme-purple .card a,
.theme-purple a {
	color: #9c27b0
}

.navbar.theme-purple,
.searchbar.theme-purple,
.subnavbar.theme-purple,
.theme-purple .navbar,
.theme-purple .searchbar,
.theme-purple .subnavbar,
.theme-purple .toolbar,
.toolbar.theme-purple {
	background-color: #9c27b0
}

.label-switch.theme-purple input[type=checkbox]:checked+.checkbox,
.theme-purple .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(156, 39, 176, .5)
}

.label-switch.theme-purple input[type=checkbox]:checked+.checkbox:after,
.theme-purple .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #9c27b0
}

.theme-purple label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-purple i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-purple label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #9c27b0;
	background-color: #9c27b0
}

.theme-purple label.label-radio i.icon-form-radio:after,
label.label-radio.theme-purple i.icon-form-radio:after {
	background-color: #9c27b0
}

.theme-purple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-purple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-purple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-purple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-purple input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-purple input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-purple input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-purple input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #9c27b0
}

.theme-purple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-purple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-purple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-purple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-purple input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-purple input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-purple input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-purple input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #9c27b0
}

.form-checkbox.theme-purple input[type=checkbox]:checked~i,
.theme-purple .form-checkbox input[type=checkbox]:checked~i {
	border-color: #9c27b0;
	background-color: #9c27b0
}

.form-radio.theme-purple input[type=radio]:checked~i,
.theme-purple .form-radio input[type=radio]:checked~i {
	border-color: #9c27b0
}

.form-radio.theme-purple input[type=radio]:checked~i:after,
.theme-purple .form-radio input[type=radio]:checked~i:after {
	background-color: #9c27b0
}

.theme-purple .form-checkbox .ripple-wave,
.theme-purple .form-radio .ripple-wave {
	background: rgba(156, 39, 176, .5)
}

.theme-purple .focus-state .floating-label,
.theme-purple .focus-state .label {
	color: #9c27b0
}

.theme-purple .input-field.focus-state:after,
.theme-purple .input-field.not-empty-state:after,
.theme-purple .item-input-field.focus-state:after,
.theme-purple .item-input-field.not-empty-state:after {
	background: #9c27b0
}

.theme-purple .picker-calendar-day.picker-calendar-day-today span {
	color: #9c27b0
}

.theme-purple .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #9c27b0;
	color: #fff
}

.theme-purple .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #9c27b0
}

.theme-purple .picker-header {
	background-color: #9c27b0
}

.theme-purple .modal-button {
	color: #9c27b0
}

.theme-purple .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-purple .timeline-item-date {
	background-color: #9c27b0
}

.theme-purple .timeline-month-title,
.theme-purple .timeline-year-title {
	background-color: #9c27b0
}

.theme-purple .statusbar-overlay {
	background-color: #4A148C
}

.data-table.theme-purple .data-table-header-selected,
.theme-purple .data-table .data-table-header-selected {
	background: rgba(156, 39, 176, .1)
}

.data-table.theme-purple .data-table-title-selected,
.theme-purple .data-table .data-table-title-selected {
	color: #9c27b0
}

.swiper-pagination.color-purple .swiper-pagination-bullet-active,
.theme-purple .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #9c27b0
}

.swiper-pagination.color-purple .swiper-pagination-progressbar,
.theme-purple .swiper-pagination .swiper-pagination-progressbar {
	background-color: #9c27b0
}

.swiper-pagination.swiper-pagination-progress.bg-purple {
	background-color: rgba(156, 39, 176, .25)
}

.swiper-button-next.color-purple,
.swiper-container-rtl .swiper-button-prev.color-purple,
.theme-purple .swiper-button-next,
.theme-purple .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-purple,
.swiper-container-rtl .swiper-button-next.color-purple,
.theme-purple .swiper-button-prev,
.theme-purple .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-purple,
.speed-dial-buttons a.theme-purple,
.theme-purple .floating-button,
.theme-purple .speed-dial-buttons a {
	color: #fff;
	background: #9c27b0
}

.floating-button.theme-purple.active-state,
.speed-dial-buttons a.theme-purple.active-state,
.theme-purple .floating-button.active-state,
.theme-purple .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-purple:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-purple:active,
html:not(.watch-active-state) .theme-purple .floating-button:active,
html:not(.watch-active-state) .theme-purple .speed-dial-buttons a:active {
	background: #7B1FA2
}

.floating-button.theme-purple i,
.speed-dial-buttons a.theme-purple i,
.theme-purple .floating-button i,
.theme-purple .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-purple input[type=range]::-webkit-slider-thumb:before,
.theme-purple .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-webkit-slider-thumb,
.theme-purple .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-ms-thumb,
.theme-purple .range-slider input[type=range]::-ms-thumb {
	background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-ms-fill-lower,
.theme-purple .range-slider input[type=range]::-ms-fill-lower {
	background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-moz-range-thumb,
.theme-purple .range-slider input[type=range]::-moz-range-thumb {
	background-color: #9c27b0
}

.badge.theme-purple {
	background-color: #9c27b0;
	color: #fff
}

.theme-deeppurple .button:not(.button-fill) {
	color: #673ab7
}

.theme-deeppurple .navbar .button:not(.button-fill),
.theme-deeppurple .subnavbar .button:not(.button-fill),
.theme-deeppurple .toolbar .button:not(.button-fill),
.theme-deeppurple.navbar .button:not(.button-fill),
.theme-deeppurple.subnavbar .button:not(.button-fill),
.theme-deeppurple.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-deeppurple .button.button-fill {
	background: #673ab7;
	color: #fff
}

.theme-deeppurple .button.button-fill.active-state,
html:not(.watch-active-state) .theme-deeppurple .button.button-fill:active {
	background: #512DA8
}

.progressbar.theme-deeppurple,
.theme-deeppurple .progressbar {
	background-color: rgba(103, 58, 183, .5)
}

.progressbar.theme-deeppurple span,
.theme-deeppurple .progressbar span {
	background-color: #673ab7
}

.progressbar-infinite.theme-deeppurple,
.theme-deeppurple .progressbar-infinite {
	background-color: rgba(103, 58, 183, .5)
}

.progressbar-infinite.theme-deeppurple:after,
.progressbar-infinite.theme-deeppurple:before,
.theme-deeppurple .progressbar-infinite:after,
.theme-deeppurple .progressbar-infinite:before {
	background-color: #673ab7
}

.color-deeppurple i.icon,
i.icon.color-deeppurple {
	color: #673ab7
}

i.icon-next.color-deeppurple,
i.icon-next.theme-deeppurple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-deeppurple,
i.icon-prev.theme-deeppurple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-deeppurple,
i.icon-back.theme-deeppurple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-deeppurple,
i.icon-forward.theme-deeppurple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-deeppurple,
i.icon-bars.theme-deeppurple {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

.theme-deeppurple .card a,
.theme-deeppurple a {
	color: #673ab7
}

.navbar.theme-deeppurple,
.searchbar.theme-deeppurple,
.subnavbar.theme-deeppurple,
.theme-deeppurple .navbar,
.theme-deeppurple .searchbar,
.theme-deeppurple .subnavbar,
.theme-deeppurple .toolbar,
.toolbar.theme-deeppurple {
	background-color: #673ab7
}

.label-switch.theme-deeppurple input[type=checkbox]:checked+.checkbox,
.theme-deeppurple .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(103, 58, 183, .5)
}

.label-switch.theme-deeppurple input[type=checkbox]:checked+.checkbox:after,
.theme-deeppurple .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #673ab7
}

.theme-deeppurple label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-deeppurple i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-deeppurple label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #673ab7;
	background-color: #673ab7
}

.theme-deeppurple label.label-radio i.icon-form-radio:after,
label.label-radio.theme-deeppurple i.icon-form-radio:after {
	background-color: #673ab7
}

.theme-deeppurple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #673ab7
}

.theme-deeppurple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #673ab7
}

.form-checkbox.theme-deeppurple input[type=checkbox]:checked~i,
.theme-deeppurple .form-checkbox input[type=checkbox]:checked~i {
	border-color: #673ab7;
	background-color: #673ab7
}

.form-radio.theme-deeppurple input[type=radio]:checked~i,
.theme-deeppurple .form-radio input[type=radio]:checked~i {
	border-color: #673ab7
}

.form-radio.theme-deeppurple input[type=radio]:checked~i:after,
.theme-deeppurple .form-radio input[type=radio]:checked~i:after {
	background-color: #673ab7
}

.theme-deeppurple .form-checkbox .ripple-wave,
.theme-deeppurple .form-radio .ripple-wave {
	background: rgba(103, 58, 183, .5)
}

.theme-deeppurple .focus-state .floating-label,
.theme-deeppurple .focus-state .label {
	color: #673ab7
}

.theme-deeppurple .input-field.focus-state:after,
.theme-deeppurple .input-field.not-empty-state:after,
.theme-deeppurple .item-input-field.focus-state:after,
.theme-deeppurple .item-input-field.not-empty-state:after {
	background: #673ab7
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-today span {
	color: #673ab7
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #673ab7;
	color: #fff
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #673ab7
}

.theme-deeppurple .picker-header {
	background-color: #673ab7
}

.theme-deeppurple .modal-button {
	color: #673ab7
}

.theme-deeppurple .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-deeppurple .timeline-item-date {
	background-color: #673ab7
}

.theme-deeppurple .timeline-month-title,
.theme-deeppurple .timeline-year-title {
	background-color: #673ab7
}

.theme-deeppurple .statusbar-overlay {
	background-color: #311B92
}

.data-table.theme-deeppurple .data-table-header-selected,
.theme-deeppurple .data-table .data-table-header-selected {
	background: rgba(103, 58, 183, .1)
}

.data-table.theme-deeppurple .data-table-title-selected,
.theme-deeppurple .data-table .data-table-title-selected {
	color: #673ab7
}

.swiper-pagination.color-deeppurple .swiper-pagination-bullet-active,
.theme-deeppurple .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #673ab7
}

.swiper-pagination.color-deeppurple .swiper-pagination-progressbar,
.theme-deeppurple .swiper-pagination .swiper-pagination-progressbar {
	background-color: #673ab7
}

.swiper-pagination.swiper-pagination-progress.bg-deeppurple {
	background-color: rgba(103, 58, 183, .25)
}

.swiper-button-next.color-deeppurple,
.swiper-container-rtl .swiper-button-prev.color-deeppurple,
.theme-deeppurple .swiper-button-next,
.theme-deeppurple .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-deeppurple,
.swiper-container-rtl .swiper-button-next.color-deeppurple,
.theme-deeppurple .swiper-button-prev,
.theme-deeppurple .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-deeppurple,
.speed-dial-buttons a.theme-deeppurple,
.theme-deeppurple .floating-button,
.theme-deeppurple .speed-dial-buttons a {
	color: #fff;
	background: #673ab7
}

.floating-button.theme-deeppurple.active-state,
.speed-dial-buttons a.theme-deeppurple.active-state,
.theme-deeppurple .floating-button.active-state,
.theme-deeppurple .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-deeppurple:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-deeppurple:active,
html:not(.watch-active-state) .theme-deeppurple .floating-button:active,
html:not(.watch-active-state) .theme-deeppurple .speed-dial-buttons a:active {
	background: #512DA8
}

.floating-button.theme-deeppurple i,
.speed-dial-buttons a.theme-deeppurple i,
.theme-deeppurple .floating-button i,
.theme-deeppurple .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-deeppurple input[type=range]::-webkit-slider-thumb:before,
.theme-deeppurple .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-webkit-slider-thumb,
.theme-deeppurple .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-ms-thumb,
.theme-deeppurple .range-slider input[type=range]::-ms-thumb {
	background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-ms-fill-lower,
.theme-deeppurple .range-slider input[type=range]::-ms-fill-lower {
	background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-moz-range-thumb,
.theme-deeppurple .range-slider input[type=range]::-moz-range-thumb {
	background-color: #673ab7
}

.badge.theme-deeppurple {
	background-color: #673ab7;
	color: #fff
}

.theme-indigo .button:not(.button-fill) {
	color: #3f51b5
}

.theme-indigo .navbar .button:not(.button-fill),
.theme-indigo .subnavbar .button:not(.button-fill),
.theme-indigo .toolbar .button:not(.button-fill),
.theme-indigo.navbar .button:not(.button-fill),
.theme-indigo.subnavbar .button:not(.button-fill),
.theme-indigo.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-indigo .button.button-fill {
	background: #3f51b5;
	color: #fff
}

.theme-indigo .button.button-fill.active-state,
html:not(.watch-active-state) .theme-indigo .button.button-fill:active {
	background: #303F9F
}

.progressbar.theme-indigo,
.theme-indigo .progressbar {
	background-color: rgba(63, 81, 181, .5)
}

.progressbar.theme-indigo span,
.theme-indigo .progressbar span {
	background-color: #3f51b5
}

.progressbar-infinite.theme-indigo,
.theme-indigo .progressbar-infinite {
	background-color: rgba(63, 81, 181, .5)
}

.progressbar-infinite.theme-indigo:after,
.progressbar-infinite.theme-indigo:before,
.theme-indigo .progressbar-infinite:after,
.theme-indigo .progressbar-infinite:before {
	background-color: #3f51b5
}

.color-indigo i.icon,
i.icon.color-indigo {
	color: #3f51b5
}

i.icon-next.color-indigo,
i.icon-next.theme-indigo {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-indigo,
i.icon-prev.theme-indigo {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-indigo,
i.icon-back.theme-indigo {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-indigo,
i.icon-forward.theme-indigo {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-indigo,
i.icon-bars.theme-indigo {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

.theme-indigo .card a,
.theme-indigo a {
	color: #3f51b5
}

.navbar.theme-indigo,
.searchbar.theme-indigo,
.subnavbar.theme-indigo,
.theme-indigo .navbar,
.theme-indigo .searchbar,
.theme-indigo .subnavbar,
.theme-indigo .toolbar,
.toolbar.theme-indigo {
	background-color: #3f51b5
}

.label-switch.theme-indigo input[type=checkbox]:checked+.checkbox,
.theme-indigo .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(63, 81, 181, .5)
}

.label-switch.theme-indigo input[type=checkbox]:checked+.checkbox:after,
.theme-indigo .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #3f51b5
}

.theme-indigo label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-indigo i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-indigo label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #3f51b5;
	background-color: #3f51b5
}

.theme-indigo label.label-radio i.icon-form-radio:after,
label.label-radio.theme-indigo i.icon-form-radio:after {
	background-color: #3f51b5
}

.theme-indigo label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-indigo label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-indigo label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-indigo label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-indigo input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-indigo input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-indigo input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-indigo input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #3f51b5
}

.theme-indigo label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #3f51b5
}

.form-checkbox.theme-indigo input[type=checkbox]:checked~i,
.theme-indigo .form-checkbox input[type=checkbox]:checked~i {
	border-color: #3f51b5;
	background-color: #3f51b5
}

.form-radio.theme-indigo input[type=radio]:checked~i,
.theme-indigo .form-radio input[type=radio]:checked~i {
	border-color: #3f51b5
}

.form-radio.theme-indigo input[type=radio]:checked~i:after,
.theme-indigo .form-radio input[type=radio]:checked~i:after {
	background-color: #3f51b5
}

.theme-indigo .form-checkbox .ripple-wave,
.theme-indigo .form-radio .ripple-wave {
	background: rgba(63, 81, 181, .5)
}

.theme-indigo .focus-state .floating-label,
.theme-indigo .focus-state .label {
	color: #3f51b5
}

.theme-indigo .input-field.focus-state:after,
.theme-indigo .input-field.not-empty-state:after,
.theme-indigo .item-input-field.focus-state:after,
.theme-indigo .item-input-field.not-empty-state:after {
	background: #3f51b5
}

.theme-indigo .picker-calendar-day.picker-calendar-day-today span {
	color: #3f51b5
}

.theme-indigo .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #3f51b5;
	color: #fff
}

.theme-indigo .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #3f51b5
}

.theme-indigo .picker-header {
	background-color: #3f51b5
}

.theme-indigo .modal-button {
	color: #3f51b5
}

.theme-indigo .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-indigo .timeline-item-date {
	background-color: #3f51b5
}

.theme-indigo .timeline-month-title,
.theme-indigo .timeline-year-title {
	background-color: #3f51b5
}

.theme-indigo .statusbar-overlay {
	background-color: #1A237E
}

.data-table.theme-indigo .data-table-header-selected,
.theme-indigo .data-table .data-table-header-selected {
	background: rgba(63, 81, 181, .1)
}

.data-table.theme-indigo .data-table-title-selected,
.theme-indigo .data-table .data-table-title-selected {
	color: #3f51b5
}

.swiper-pagination.color-indigo .swiper-pagination-bullet-active,
.theme-indigo .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #3f51b5
}

.swiper-pagination.color-indigo .swiper-pagination-progressbar,
.theme-indigo .swiper-pagination .swiper-pagination-progressbar {
	background-color: #3f51b5
}

.swiper-pagination.swiper-pagination-progress.bg-indigo {
	background-color: rgba(63, 81, 181, .25)
}

.swiper-button-next.color-indigo,
.swiper-container-rtl .swiper-button-prev.color-indigo,
.theme-indigo .swiper-button-next,
.theme-indigo .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-indigo,
.swiper-container-rtl .swiper-button-next.color-indigo,
.theme-indigo .swiper-button-prev,
.theme-indigo .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-indigo,
.speed-dial-buttons a.theme-indigo,
.theme-indigo .floating-button,
.theme-indigo .speed-dial-buttons a {
	color: #fff;
	background: #3f51b5
}

.floating-button.theme-indigo.active-state,
.speed-dial-buttons a.theme-indigo.active-state,
.theme-indigo .floating-button.active-state,
.theme-indigo .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-indigo:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-indigo:active,
html:not(.watch-active-state) .theme-indigo .floating-button:active,
html:not(.watch-active-state) .theme-indigo .speed-dial-buttons a:active {
	background: #303F9F
}

.floating-button.theme-indigo i,
.speed-dial-buttons a.theme-indigo i,
.theme-indigo .floating-button i,
.theme-indigo .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-indigo input[type=range]::-webkit-slider-thumb:before,
.theme-indigo .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-webkit-slider-thumb,
.theme-indigo .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-ms-thumb,
.theme-indigo .range-slider input[type=range]::-ms-thumb {
	background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-ms-fill-lower,
.theme-indigo .range-slider input[type=range]::-ms-fill-lower {
	background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-moz-range-thumb,
.theme-indigo .range-slider input[type=range]::-moz-range-thumb {
	background-color: #3f51b5
}

.badge.theme-indigo {
	background-color: #3f51b5;
	color: #fff
}

.theme-blue .button:not(.button-fill) {
	color: #2196f3
}

.theme-blue .navbar .button:not(.button-fill),
.theme-blue .subnavbar .button:not(.button-fill),
.theme-blue .toolbar .button:not(.button-fill),
.theme-blue.navbar .button:not(.button-fill),
.theme-blue.subnavbar .button:not(.button-fill),
.theme-blue.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-blue .button.button-fill {
	background: #2196f3;
	color: #fff
}

.theme-blue .button.button-fill.active-state,
html:not(.watch-active-state) .theme-blue .button.button-fill:active {
	background: #1976D2
}

.progressbar.theme-blue,
.theme-blue .progressbar {
	background-color: rgba(33, 150, 243, .5)
}

.progressbar.theme-blue span,
.theme-blue .progressbar span {
	background-color: #2196f3
}

.progressbar-infinite.theme-blue,
.theme-blue .progressbar-infinite {
	background-color: rgba(33, 150, 243, .5)
}

.progressbar-infinite.theme-blue:after,
.progressbar-infinite.theme-blue:before,
.theme-blue .progressbar-infinite:after,
.theme-blue .progressbar-infinite:before {
	background-color: #2196f3
}

.color-blue i.icon,
i.icon.color-blue {
	color: #2196f3
}

i.icon-next.color-blue,
i.icon-next.theme-blue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-blue,
i.icon-prev.theme-blue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-blue,
i.icon-back.theme-blue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-blue,
i.icon-forward.theme-blue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-blue,
i.icon-bars.theme-blue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

.theme-blue .card a,
.theme-blue a {
	color: #2196f3
}

.navbar.theme-blue,
.searchbar.theme-blue,
.subnavbar.theme-blue,
.theme-blue .navbar,
.theme-blue .searchbar,
.theme-blue .subnavbar,
.theme-blue .toolbar,
.toolbar.theme-blue {
	background-color: #2196f3
}

.label-switch.theme-blue input[type=checkbox]:checked+.checkbox,
.theme-blue .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(33, 150, 243, .5)
}

.label-switch.theme-blue input[type=checkbox]:checked+.checkbox:after,
.theme-blue .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #2196f3
}

.theme-blue label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-blue i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-blue label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #2196f3;
	background-color: #2196f3
}

.theme-blue label.label-radio i.icon-form-radio:after,
label.label-radio.theme-blue i.icon-form-radio:after {
	background-color: #2196f3
}

.theme-blue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-blue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-blue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-blue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-blue input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-blue input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-blue input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-blue input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #2196f3
}

.theme-blue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-blue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-blue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-blue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-blue input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-blue input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-blue input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-blue input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #2196f3
}

.form-checkbox.theme-blue input[type=checkbox]:checked~i,
.theme-blue .form-checkbox input[type=checkbox]:checked~i {
	border-color: #2196f3;
	background-color: #2196f3
}

.form-radio.theme-blue input[type=radio]:checked~i,
.theme-blue .form-radio input[type=radio]:checked~i {
	border-color: #2196f3
}

.form-radio.theme-blue input[type=radio]:checked~i:after,
.theme-blue .form-radio input[type=radio]:checked~i:after {
	background-color: #2196f3
}

.theme-blue .form-checkbox .ripple-wave,
.theme-blue .form-radio .ripple-wave {
	background: rgba(33, 150, 243, .5)
}

.theme-blue .focus-state .floating-label,
.theme-blue .focus-state .label {
	color: #2196f3
}

.theme-blue .input-field.focus-state:after,
.theme-blue .input-field.not-empty-state:after,
.theme-blue .item-input-field.focus-state:after,
.theme-blue .item-input-field.not-empty-state:after {
	background: #2196f3
}

.theme-blue .picker-calendar-day.picker-calendar-day-today span {
	color: #2196f3
}

.theme-blue .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #2196f3;
	color: #fff
}

.theme-blue .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #2196f3
}

.theme-blue .picker-header {
	background-color: #2196f3
}

.theme-blue .modal-button {
	color: #2196f3
}

.theme-blue .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-blue .timeline-item-date {
	background-color: #2196f3
}

.theme-blue .timeline-month-title,
.theme-blue .timeline-year-title {
	background-color: #2196f3
}

.theme-blue .statusbar-overlay {
	background-color: #0D47A1
}

.data-table.theme-blue .data-table-header-selected,
.theme-blue .data-table .data-table-header-selected {
	background: rgba(33, 150, 243, .1)
}

.data-table.theme-blue .data-table-title-selected,
.theme-blue .data-table .data-table-title-selected {
	color: #2196f3
}

.swiper-pagination.color-blue .swiper-pagination-bullet-active,
.theme-blue .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #2196f3
}

.swiper-pagination.color-blue .swiper-pagination-progressbar,
.theme-blue .swiper-pagination .swiper-pagination-progressbar {
	background-color: #2196f3
}

.swiper-pagination.swiper-pagination-progress.bg-blue {
	background-color: rgba(33, 150, 243, .25)
}

.swiper-button-next.color-blue,
.swiper-container-rtl .swiper-button-prev.color-blue,
.theme-blue .swiper-button-next,
.theme-blue .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-blue,
.swiper-container-rtl .swiper-button-next.color-blue,
.theme-blue .swiper-button-prev,
.theme-blue .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-blue,
.speed-dial-buttons a.theme-blue,
.theme-blue .floating-button,
.theme-blue .speed-dial-buttons a {
	color: #fff;
	background: #2196f3
}

.floating-button.theme-blue.active-state,
.speed-dial-buttons a.theme-blue.active-state,
.theme-blue .floating-button.active-state,
.theme-blue .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-blue:active,
html:not(.watch-active-state) .theme-blue .floating-button:active,
html:not(.watch-active-state) .theme-blue .speed-dial-buttons a:active {
	background: #1976D2
}

.floating-button.theme-blue i,
.speed-dial-buttons a.theme-blue i,
.theme-blue .floating-button i,
.theme-blue .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-blue input[type=range]::-webkit-slider-thumb:before,
.theme-blue .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #2196f3
}

.range-slider.theme-blue input[type=range]::-webkit-slider-thumb,
.theme-blue .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #2196f3
}

.range-slider.theme-blue input[type=range]::-ms-thumb,
.theme-blue .range-slider input[type=range]::-ms-thumb {
	background-color: #2196f3
}

.range-slider.theme-blue input[type=range]::-ms-fill-lower,
.theme-blue .range-slider input[type=range]::-ms-fill-lower {
	background-color: #2196f3
}

.range-slider.theme-blue input[type=range]::-moz-range-thumb,
.theme-blue .range-slider input[type=range]::-moz-range-thumb {
	background-color: #2196f3
}

.badge.theme-blue {
	background-color: #2196f3;
	color: #fff
}

.theme-lightblue .button:not(.button-fill) {
	color: #03a9f4
}

.theme-lightblue .navbar .button:not(.button-fill),
.theme-lightblue .subnavbar .button:not(.button-fill),
.theme-lightblue .toolbar .button:not(.button-fill),
.theme-lightblue.navbar .button:not(.button-fill),
.theme-lightblue.subnavbar .button:not(.button-fill),
.theme-lightblue.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-lightblue .button.button-fill {
	background: #03a9f4;
	color: #fff
}

.theme-lightblue .button.button-fill.active-state,
html:not(.watch-active-state) .theme-lightblue .button.button-fill:active {
	background: #0288D1
}

.progressbar.theme-lightblue,
.theme-lightblue .progressbar {
	background-color: rgba(3, 169, 244, .5)
}

.progressbar.theme-lightblue span,
.theme-lightblue .progressbar span {
	background-color: #03a9f4
}

.progressbar-infinite.theme-lightblue,
.theme-lightblue .progressbar-infinite {
	background-color: rgba(3, 169, 244, .5)
}

.progressbar-infinite.theme-lightblue:after,
.progressbar-infinite.theme-lightblue:before,
.theme-lightblue .progressbar-infinite:after,
.theme-lightblue .progressbar-infinite:before {
	background-color: #03a9f4
}

.color-lightblue i.icon,
i.icon.color-lightblue {
	color: #03a9f4
}

i.icon-next.color-lightblue,
i.icon-next.theme-lightblue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-lightblue,
i.icon-prev.theme-lightblue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-lightblue,
i.icon-back.theme-lightblue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-lightblue,
i.icon-forward.theme-lightblue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-lightblue,
i.icon-bars.theme-lightblue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightblue .card a,
.theme-lightblue a {
	color: #03a9f4
}

.navbar.theme-lightblue,
.searchbar.theme-lightblue,
.subnavbar.theme-lightblue,
.theme-lightblue .navbar,
.theme-lightblue .searchbar,
.theme-lightblue .subnavbar,
.theme-lightblue .toolbar,
.toolbar.theme-lightblue {
	background-color: #03a9f4
}

.label-switch.theme-lightblue input[type=checkbox]:checked+.checkbox,
.theme-lightblue .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(3, 169, 244, .5)
}

.label-switch.theme-lightblue input[type=checkbox]:checked+.checkbox:after,
.theme-lightblue .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #03a9f4
}

.theme-lightblue label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-lightblue i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightblue label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #03a9f4;
	background-color: #03a9f4
}

.theme-lightblue label.label-radio i.icon-form-radio:after,
label.label-radio.theme-lightblue i.icon-form-radio:after {
	background-color: #03a9f4
}

.theme-lightblue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-lightblue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightblue input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightblue input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #03a9f4
}

.theme-lightblue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #03a9f4
}

.form-checkbox.theme-lightblue input[type=checkbox]:checked~i,
.theme-lightblue .form-checkbox input[type=checkbox]:checked~i {
	border-color: #03a9f4;
	background-color: #03a9f4
}

.form-radio.theme-lightblue input[type=radio]:checked~i,
.theme-lightblue .form-radio input[type=radio]:checked~i {
	border-color: #03a9f4
}

.form-radio.theme-lightblue input[type=radio]:checked~i:after,
.theme-lightblue .form-radio input[type=radio]:checked~i:after {
	background-color: #03a9f4
}

.theme-lightblue .form-checkbox .ripple-wave,
.theme-lightblue .form-radio .ripple-wave {
	background: rgba(3, 169, 244, .5)
}

.theme-lightblue .focus-state .floating-label,
.theme-lightblue .focus-state .label {
	color: #03a9f4
}

.theme-lightblue .input-field.focus-state:after,
.theme-lightblue .input-field.not-empty-state:after,
.theme-lightblue .item-input-field.focus-state:after,
.theme-lightblue .item-input-field.not-empty-state:after {
	background: #03a9f4
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-today span {
	color: #03a9f4
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #03a9f4;
	color: #fff
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #03a9f4
}

.theme-lightblue .picker-header {
	background-color: #03a9f4
}

.theme-lightblue .modal-button {
	color: #03a9f4
}

.theme-lightblue .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-lightblue .timeline-item-date {
	background-color: #03a9f4
}

.theme-lightblue .timeline-month-title,
.theme-lightblue .timeline-year-title {
	background-color: #03a9f4
}

.theme-lightblue .statusbar-overlay {
	background-color: #01579B
}

.data-table.theme-lightblue .data-table-header-selected,
.theme-lightblue .data-table .data-table-header-selected {
	background: rgba(3, 169, 244, .1)
}

.data-table.theme-lightblue .data-table-title-selected,
.theme-lightblue .data-table .data-table-title-selected {
	color: #03a9f4
}

.swiper-pagination.color-lightblue .swiper-pagination-bullet-active,
.theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #03a9f4
}

.swiper-pagination.color-lightblue .swiper-pagination-progressbar,
.theme-lightblue .swiper-pagination .swiper-pagination-progressbar {
	background-color: #03a9f4
}

.swiper-pagination.swiper-pagination-progress.bg-lightblue {
	background-color: rgba(3, 169, 244, .25)
}

.swiper-button-next.color-lightblue,
.swiper-container-rtl .swiper-button-prev.color-lightblue,
.theme-lightblue .swiper-button-next,
.theme-lightblue .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-lightblue,
.swiper-container-rtl .swiper-button-next.color-lightblue,
.theme-lightblue .swiper-button-prev,
.theme-lightblue .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-lightblue,
.speed-dial-buttons a.theme-lightblue,
.theme-lightblue .floating-button,
.theme-lightblue .speed-dial-buttons a {
	color: #fff;
	background: #03a9f4
}

.floating-button.theme-lightblue.active-state,
.speed-dial-buttons a.theme-lightblue.active-state,
.theme-lightblue .floating-button.active-state,
.theme-lightblue .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lightblue:active,
html:not(.watch-active-state) .theme-lightblue .floating-button:active,
html:not(.watch-active-state) .theme-lightblue .speed-dial-buttons a:active {
	background: #0288D1
}

.floating-button.theme-lightblue i,
.speed-dial-buttons a.theme-lightblue i,
.theme-lightblue .floating-button i,
.theme-lightblue .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-lightblue input[type=range]::-webkit-slider-thumb:before,
.theme-lightblue .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #03a9f4
}

.range-slider.theme-lightblue input[type=range]::-webkit-slider-thumb,
.theme-lightblue .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #03a9f4
}

.range-slider.theme-lightblue input[type=range]::-ms-thumb,
.theme-lightblue .range-slider input[type=range]::-ms-thumb {
	background-color: #03a9f4
}

.range-slider.theme-lightblue input[type=range]::-ms-fill-lower,
.theme-lightblue .range-slider input[type=range]::-ms-fill-lower {
	background-color: #03a9f4
}

.range-slider.theme-lightblue input[type=range]::-moz-range-thumb,
.theme-lightblue .range-slider input[type=range]::-moz-range-thumb {
	background-color: #03a9f4
}

.badge.theme-lightblue {
	background-color: #03a9f4;
	color: #fff
}

.theme-cyan .button:not(.button-fill) {
	color: #00bcd4
}

.theme-cyan .navbar .button:not(.button-fill),
.theme-cyan .subnavbar .button:not(.button-fill),
.theme-cyan .toolbar .button:not(.button-fill),
.theme-cyan.navbar .button:not(.button-fill),
.theme-cyan.subnavbar .button:not(.button-fill),
.theme-cyan.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-cyan .button.button-fill {
	background: #00bcd4;
	color: #fff
}

.theme-cyan .button.button-fill.active-state,
html:not(.watch-active-state) .theme-cyan .button.button-fill:active {
	background: #0097A7
}

.progressbar.theme-cyan,
.theme-cyan .progressbar {
	background-color: rgba(0, 188, 212, .5)
}

.progressbar.theme-cyan span,
.theme-cyan .progressbar span {
	background-color: #00bcd4
}

.progressbar-infinite.theme-cyan,
.theme-cyan .progressbar-infinite {
	background-color: rgba(0, 188, 212, .5)
}

.progressbar-infinite.theme-cyan:after,
.progressbar-infinite.theme-cyan:before,
.theme-cyan .progressbar-infinite:after,
.theme-cyan .progressbar-infinite:before {
	background-color: #00bcd4
}

.color-cyan i.icon,
i.icon.color-cyan {
	color: #00bcd4
}

i.icon-next.color-cyan,
i.icon-next.theme-cyan {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-cyan,
i.icon-prev.theme-cyan {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-cyan,
i.icon-back.theme-cyan {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-cyan,
i.icon-forward.theme-cyan {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-cyan,
i.icon-bars.theme-cyan {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

.theme-cyan .card a,
.theme-cyan a {
	color: #00bcd4
}

.navbar.theme-cyan,
.searchbar.theme-cyan,
.subnavbar.theme-cyan,
.theme-cyan .navbar,
.theme-cyan .searchbar,
.theme-cyan .subnavbar,
.theme-cyan .toolbar,
.toolbar.theme-cyan {
	background-color: #00bcd4
}

.label-switch.theme-cyan input[type=checkbox]:checked+.checkbox,
.theme-cyan .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(0, 188, 212, .5)
}

.label-switch.theme-cyan input[type=checkbox]:checked+.checkbox:after,
.theme-cyan .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #00bcd4
}

.theme-cyan label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-cyan i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-cyan label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #00bcd4;
	background-color: #00bcd4
}

.theme-cyan label.label-radio i.icon-form-radio:after,
label.label-radio.theme-cyan i.icon-form-radio:after {
	background-color: #00bcd4
}

.theme-cyan label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-cyan label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-cyan label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-cyan label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-cyan input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-cyan input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #00bcd4
}

.theme-cyan label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #00bcd4
}

.form-checkbox.theme-cyan input[type=checkbox]:checked~i,
.theme-cyan .form-checkbox input[type=checkbox]:checked~i {
	border-color: #00bcd4;
	background-color: #00bcd4
}

.form-radio.theme-cyan input[type=radio]:checked~i,
.theme-cyan .form-radio input[type=radio]:checked~i {
	border-color: #00bcd4
}

.form-radio.theme-cyan input[type=radio]:checked~i:after,
.theme-cyan .form-radio input[type=radio]:checked~i:after {
	background-color: #00bcd4
}

.theme-cyan .form-checkbox .ripple-wave,
.theme-cyan .form-radio .ripple-wave {
	background: rgba(0, 188, 212, .5)
}

.theme-cyan .focus-state .floating-label,
.theme-cyan .focus-state .label {
	color: #00bcd4
}

.theme-cyan .input-field.focus-state:after,
.theme-cyan .input-field.not-empty-state:after,
.theme-cyan .item-input-field.focus-state:after,
.theme-cyan .item-input-field.not-empty-state:after {
	background: #00bcd4
}

.theme-cyan .picker-calendar-day.picker-calendar-day-today span {
	color: #00bcd4
}

.theme-cyan .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #00bcd4;
	color: #fff
}

.theme-cyan .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #00bcd4
}

.theme-cyan .picker-header {
	background-color: #00bcd4
}

.theme-cyan .modal-button {
	color: #00bcd4
}

.theme-cyan .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-cyan .timeline-item-date {
	background-color: #00bcd4
}

.theme-cyan .timeline-month-title,
.theme-cyan .timeline-year-title {
	background-color: #00bcd4
}

.theme-cyan .statusbar-overlay {
	background-color: #006064
}

.data-table.theme-cyan .data-table-header-selected,
.theme-cyan .data-table .data-table-header-selected {
	background: rgba(0, 188, 212, .1)
}

.data-table.theme-cyan .data-table-title-selected,
.theme-cyan .data-table .data-table-title-selected {
	color: #00bcd4
}

.swiper-pagination.color-cyan .swiper-pagination-bullet-active,
.theme-cyan .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #00bcd4
}

.swiper-pagination.color-cyan .swiper-pagination-progressbar,
.theme-cyan .swiper-pagination .swiper-pagination-progressbar {
	background-color: #00bcd4
}

.swiper-pagination.swiper-pagination-progress.bg-cyan {
	background-color: rgba(0, 188, 212, .25)
}

.swiper-button-next.color-cyan,
.swiper-container-rtl .swiper-button-prev.color-cyan,
.theme-cyan .swiper-button-next,
.theme-cyan .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-cyan,
.swiper-container-rtl .swiper-button-next.color-cyan,
.theme-cyan .swiper-button-prev,
.theme-cyan .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-cyan,
.speed-dial-buttons a.theme-cyan,
.theme-cyan .floating-button,
.theme-cyan .speed-dial-buttons a {
	color: #fff;
	background: #00bcd4
}

.floating-button.theme-cyan.active-state,
.speed-dial-buttons a.theme-cyan.active-state,
.theme-cyan .floating-button.active-state,
.theme-cyan .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-cyan:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-cyan:active,
html:not(.watch-active-state) .theme-cyan .floating-button:active,
html:not(.watch-active-state) .theme-cyan .speed-dial-buttons a:active {
	background: #0097A7
}

.floating-button.theme-cyan i,
.speed-dial-buttons a.theme-cyan i,
.theme-cyan .floating-button i,
.theme-cyan .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb:before,
.theme-cyan .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb,
.theme-cyan .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-ms-thumb,
.theme-cyan .range-slider input[type=range]::-ms-thumb {
	background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-ms-fill-lower,
.theme-cyan .range-slider input[type=range]::-ms-fill-lower {
	background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-moz-range-thumb,
.theme-cyan .range-slider input[type=range]::-moz-range-thumb {
	background-color: #00bcd4
}

.badge.theme-cyan {
	background-color: #00bcd4;
	color: #fff
}

.theme-teal .button:not(.button-fill) {
	color: #009688
}

.theme-teal .navbar .button:not(.button-fill),
.theme-teal .subnavbar .button:not(.button-fill),
.theme-teal .toolbar .button:not(.button-fill),
.theme-teal.navbar .button:not(.button-fill),
.theme-teal.subnavbar .button:not(.button-fill),
.theme-teal.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-teal .button.button-fill {
	background: #009688;
	color: #fff
}

.theme-teal .button.button-fill.active-state,
html:not(.watch-active-state) .theme-teal .button.button-fill:active {
	background: #00897B
}

.progressbar.theme-teal,
.theme-teal .progressbar {
	background-color: rgba(0, 150, 136, .5)
}

.progressbar.theme-teal span,
.theme-teal .progressbar span {
	background-color: #009688
}

.progressbar-infinite.theme-teal,
.theme-teal .progressbar-infinite {
	background-color: rgba(0, 150, 136, .5)
}

.progressbar-infinite.theme-teal:after,
.progressbar-infinite.theme-teal:before,
.theme-teal .progressbar-infinite:after,
.theme-teal .progressbar-infinite:before {
	background-color: #009688
}

.color-teal i.icon,
i.icon.color-teal {
	color: #009688
}

i.icon-next.color-teal,
i.icon-next.theme-teal {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-teal,
i.icon-prev.theme-teal {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-teal,
i.icon-back.theme-teal {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-teal,
i.icon-forward.theme-teal {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-teal,
i.icon-bars.theme-teal {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

.theme-teal .card a,
.theme-teal a {
	color: #009688
}

.navbar.theme-teal,
.searchbar.theme-teal,
.subnavbar.theme-teal,
.theme-teal .navbar,
.theme-teal .searchbar,
.theme-teal .subnavbar,
.theme-teal .toolbar,
.toolbar.theme-teal {
	background-color: #009688
}

.label-switch.theme-teal input[type=checkbox]:checked+.checkbox,
.theme-teal .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(0, 150, 136, .5)
}

.label-switch.theme-teal input[type=checkbox]:checked+.checkbox:after,
.theme-teal .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #009688
}

.theme-teal label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-teal i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-teal label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #009688;
	background-color: #009688
}

.theme-teal label.label-radio i.icon-form-radio:after,
label.label-radio.theme-teal i.icon-form-radio:after {
	background-color: #009688
}

.theme-teal label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-teal label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-teal label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-teal label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-teal input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-teal input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-teal input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #009688
}

.theme-teal label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-teal label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-teal label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-teal label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-teal input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-teal input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-teal input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #009688
}

.form-checkbox.theme-teal input[type=checkbox]:checked~i,
.theme-teal .form-checkbox input[type=checkbox]:checked~i {
	border-color: #009688;
	background-color: #009688
}

.form-radio.theme-teal input[type=radio]:checked~i,
.theme-teal .form-radio input[type=radio]:checked~i {
	border-color: #009688
}

.form-radio.theme-teal input[type=radio]:checked~i:after,
.theme-teal .form-radio input[type=radio]:checked~i:after {
	background-color: #009688
}

.theme-teal .form-checkbox .ripple-wave,
.theme-teal .form-radio .ripple-wave {
	background: rgba(0, 150, 136, .5)
}

.theme-teal .focus-state .floating-label,
.theme-teal .focus-state .label {
	color: #009688
}

.theme-teal .input-field.focus-state:after,
.theme-teal .input-field.not-empty-state:after,
.theme-teal .item-input-field.focus-state:after,
.theme-teal .item-input-field.not-empty-state:after {
	background: #009688
}

.theme-teal .picker-calendar-day.picker-calendar-day-today span {
	color: #009688
}

.theme-teal .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #009688;
	color: #fff
}

.theme-teal .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #009688
}

.theme-teal .picker-header {
	background-color: #009688
}

.theme-teal .modal-button {
	color: #009688
}

.theme-teal .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-teal .timeline-item-date {
	background-color: #009688
}

.theme-teal .timeline-month-title,
.theme-teal .timeline-year-title {
	background-color: #009688
}

.theme-teal .statusbar-overlay {
	background-color: #004D40
}

.data-table.theme-teal .data-table-header-selected,
.theme-teal .data-table .data-table-header-selected {
	background: rgba(0, 150, 136, .1)
}

.data-table.theme-teal .data-table-title-selected,
.theme-teal .data-table .data-table-title-selected {
	color: #009688
}

.swiper-pagination.color-teal .swiper-pagination-bullet-active,
.theme-teal .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #009688
}

.swiper-pagination.color-teal .swiper-pagination-progressbar,
.theme-teal .swiper-pagination .swiper-pagination-progressbar {
	background-color: #009688
}

.swiper-pagination.swiper-pagination-progress.bg-teal {
	background-color: rgba(0, 150, 136, .25)
}

.swiper-button-next.color-teal,
.swiper-container-rtl .swiper-button-prev.color-teal,
.theme-teal .swiper-button-next,
.theme-teal .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-teal,
.swiper-container-rtl .swiper-button-next.color-teal,
.theme-teal .swiper-button-prev,
.theme-teal .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-teal,
.speed-dial-buttons a.theme-teal,
.theme-teal .floating-button,
.theme-teal .speed-dial-buttons a {
	color: #fff;
	background: #009688
}

.floating-button.theme-teal.active-state,
.speed-dial-buttons a.theme-teal.active-state,
.theme-teal .floating-button.active-state,
.theme-teal .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-teal:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-teal:active,
html:not(.watch-active-state) .theme-teal .floating-button:active,
html:not(.watch-active-state) .theme-teal .speed-dial-buttons a:active {
	background: #00897B
}

.floating-button.theme-teal i,
.speed-dial-buttons a.theme-teal i,
.theme-teal .floating-button i,
.theme-teal .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-teal input[type=range]::-webkit-slider-thumb:before,
.theme-teal .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #009688
}

.range-slider.theme-teal input[type=range]::-webkit-slider-thumb,
.theme-teal .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #009688
}

.range-slider.theme-teal input[type=range]::-ms-thumb,
.theme-teal .range-slider input[type=range]::-ms-thumb {
	background-color: #009688
}

.range-slider.theme-teal input[type=range]::-ms-fill-lower,
.theme-teal .range-slider input[type=range]::-ms-fill-lower {
	background-color: #009688
}

.range-slider.theme-teal input[type=range]::-moz-range-thumb,
.theme-teal .range-slider input[type=range]::-moz-range-thumb {
	background-color: #009688
}

.badge.theme-teal {
	background-color: #009688;
	color: #fff
}

.theme-green .button:not(.button-fill) {
	color: #4caf50
}

.theme-green .navbar .button:not(.button-fill),
.theme-green .subnavbar .button:not(.button-fill),
.theme-green .toolbar .button:not(.button-fill),
.theme-green.navbar .button:not(.button-fill),
.theme-green.subnavbar .button:not(.button-fill),
.theme-green.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-green .button.button-fill {
	background: #4caf50;
	color: #fff
}

.theme-green .button.button-fill.active-state,
html:not(.watch-active-state) .theme-green .button.button-fill:active {
	background: #388E3C
}

.progressbar.theme-green,
.theme-green .progressbar {
	background-color: rgba(76, 175, 80, .5)
}

.progressbar.theme-green span,
.theme-green .progressbar span {
	background-color: #4caf50
}

.progressbar-infinite.theme-green,
.theme-green .progressbar-infinite {
	background-color: rgba(76, 175, 80, .5)
}

.progressbar-infinite.theme-green:after,
.progressbar-infinite.theme-green:before,
.theme-green .progressbar-infinite:after,
.theme-green .progressbar-infinite:before {
	background-color: #4caf50
}

.color-green i.icon,
i.icon.color-green {
	color: #4caf50
}

i.icon-next.color-green,
i.icon-next.theme-green {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-green,
i.icon-prev.theme-green {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-green,
i.icon-back.theme-green {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-green,
i.icon-forward.theme-green {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-green,
i.icon-bars.theme-green {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

.theme-green .card a,
.theme-green a {
	color: #4caf50
}

.navbar.theme-green,
.searchbar.theme-green,
.subnavbar.theme-green,
.theme-green .navbar,
.theme-green .searchbar,
.theme-green .subnavbar,
.theme-green .toolbar,
.toolbar.theme-green {
	background-color: #4caf50
}

.label-switch.theme-green input[type=checkbox]:checked+.checkbox,
.theme-green .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(76, 175, 80, .5)
}

.label-switch.theme-green input[type=checkbox]:checked+.checkbox:after,
.theme-green .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #4caf50
}

.theme-green label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-green i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-green label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #4caf50;
	background-color: #4caf50
}

.theme-green label.label-radio i.icon-form-radio:after,
label.label-radio.theme-green i.icon-form-radio:after {
	background-color: #4caf50
}

.theme-green label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-green label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-green label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-green label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-green label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-green label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-green input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-green input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-green input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-green input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-green input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #4caf50
}

.theme-green label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-green label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-green label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-green label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-green label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-green label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-green input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-green input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-green input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-green input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-green input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #4caf50
}

.form-checkbox.theme-green input[type=checkbox]:checked~i,
.theme-green .form-checkbox input[type=checkbox]:checked~i {
	border-color: #4caf50;
	background-color: #4caf50
}

.form-radio.theme-green input[type=radio]:checked~i,
.theme-green .form-radio input[type=radio]:checked~i {
	border-color: #4caf50
}

.form-radio.theme-green input[type=radio]:checked~i:after,
.theme-green .form-radio input[type=radio]:checked~i:after {
	background-color: #4caf50
}

.theme-green .form-checkbox .ripple-wave,
.theme-green .form-radio .ripple-wave {
	background: rgba(76, 175, 80, .5)
}

.theme-green .focus-state .floating-label,
.theme-green .focus-state .label {
	color: #4caf50
}

.theme-green .input-field.focus-state:after,
.theme-green .input-field.not-empty-state:after,
.theme-green .item-input-field.focus-state:after,
.theme-green .item-input-field.not-empty-state:after {
	background: #4caf50
}

.theme-green .picker-calendar-day.picker-calendar-day-today span {
	color: #4caf50
}

.theme-green .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #4caf50;
	color: #fff
}

.theme-green .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #4caf50
}

.theme-green .picker-header {
	background-color: #4caf50
}

.theme-green .modal-button {
	color: #4caf50
}

.theme-green .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-green .timeline-item-date {
	background-color: #4caf50
}

.theme-green .timeline-month-title,
.theme-green .timeline-year-title {
	background-color: #4caf50
}

.theme-green .statusbar-overlay {
	background-color: #1B5E20
}

.data-table.theme-green .data-table-header-selected,
.theme-green .data-table .data-table-header-selected {
	background: rgba(76, 175, 80, .1)
}

.data-table.theme-green .data-table-title-selected,
.theme-green .data-table .data-table-title-selected {
	color: #4caf50
}

.swiper-pagination.color-green .swiper-pagination-bullet-active,
.theme-green .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #4caf50
}

.swiper-pagination.color-green .swiper-pagination-progressbar,
.theme-green .swiper-pagination .swiper-pagination-progressbar {
	background-color: #4caf50
}

.swiper-pagination.swiper-pagination-progress.bg-green {
	background-color: rgba(76, 175, 80, .25)
}

.swiper-button-next.color-green,
.swiper-container-rtl .swiper-button-prev.color-green,
.theme-green .swiper-button-next,
.theme-green .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-green,
.swiper-container-rtl .swiper-button-next.color-green,
.theme-green .swiper-button-prev,
.theme-green .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-green,
.speed-dial-buttons a.theme-green,
.theme-green .floating-button,
.theme-green .speed-dial-buttons a {
	color: #fff;
	background: #4caf50
}

.floating-button.theme-green.active-state,
.speed-dial-buttons a.theme-green.active-state,
.theme-green .floating-button.active-state,
.theme-green .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-green:active,
html:not(.watch-active-state) .theme-green .floating-button:active,
html:not(.watch-active-state) .theme-green .speed-dial-buttons a:active {
	background: #388E3C
}

.floating-button.theme-green i,
.speed-dial-buttons a.theme-green i,
.theme-green .floating-button i,
.theme-green .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-green input[type=range]::-webkit-slider-thumb:before,
.theme-green .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #4caf50
}

.range-slider.theme-green input[type=range]::-webkit-slider-thumb,
.theme-green .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #4caf50
}

.range-slider.theme-green input[type=range]::-ms-thumb,
.theme-green .range-slider input[type=range]::-ms-thumb {
	background-color: #4caf50
}

.range-slider.theme-green input[type=range]::-ms-fill-lower,
.theme-green .range-slider input[type=range]::-ms-fill-lower {
	background-color: #4caf50
}

.range-slider.theme-green input[type=range]::-moz-range-thumb,
.theme-green .range-slider input[type=range]::-moz-range-thumb {
	background-color: #4caf50
}

.badge.theme-green {
	background-color: #4caf50;
	color: #fff
}

.theme-lightgreen .button:not(.button-fill) {
	color: #8bc34a
}

.theme-lightgreen .navbar .button:not(.button-fill),
.theme-lightgreen .subnavbar .button:not(.button-fill),
.theme-lightgreen .toolbar .button:not(.button-fill),
.theme-lightgreen.navbar .button:not(.button-fill),
.theme-lightgreen.subnavbar .button:not(.button-fill),
.theme-lightgreen.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-lightgreen .button.button-fill {
	background: #8bc34a;
	color: #fff
}

.theme-lightgreen .button.button-fill.active-state,
html:not(.watch-active-state) .theme-lightgreen .button.button-fill:active {
	background: #689F38
}

.progressbar.theme-lightgreen,
.theme-lightgreen .progressbar {
	background-color: rgba(139, 195, 74, .5)
}

.progressbar.theme-lightgreen span,
.theme-lightgreen .progressbar span {
	background-color: #8bc34a
}

.progressbar-infinite.theme-lightgreen,
.theme-lightgreen .progressbar-infinite {
	background-color: rgba(139, 195, 74, .5)
}

.progressbar-infinite.theme-lightgreen:after,
.progressbar-infinite.theme-lightgreen:before,
.theme-lightgreen .progressbar-infinite:after,
.theme-lightgreen .progressbar-infinite:before {
	background-color: #8bc34a
}

.color-lightgreen i.icon,
i.icon.color-lightgreen {
	color: #8bc34a
}

i.icon-next.color-lightgreen,
i.icon-next.theme-lightgreen {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-lightgreen,
i.icon-prev.theme-lightgreen {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-lightgreen,
i.icon-back.theme-lightgreen {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-lightgreen,
i.icon-forward.theme-lightgreen {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-lightgreen,
i.icon-bars.theme-lightgreen {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightgreen .card a,
.theme-lightgreen a {
	color: #8bc34a
}

.navbar.theme-lightgreen,
.searchbar.theme-lightgreen,
.subnavbar.theme-lightgreen,
.theme-lightgreen .navbar,
.theme-lightgreen .searchbar,
.theme-lightgreen .subnavbar,
.theme-lightgreen .toolbar,
.toolbar.theme-lightgreen {
	background-color: #8bc34a
}

.label-switch.theme-lightgreen input[type=checkbox]:checked+.checkbox,
.theme-lightgreen .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(139, 195, 74, .5)
}

.label-switch.theme-lightgreen input[type=checkbox]:checked+.checkbox:after,
.theme-lightgreen .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #8bc34a
}

.theme-lightgreen label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-lightgreen i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightgreen label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #8bc34a;
	background-color: #8bc34a
}

.theme-lightgreen label.label-radio i.icon-form-radio:after,
label.label-radio.theme-lightgreen i.icon-form-radio:after {
	background-color: #8bc34a
}

.theme-lightgreen label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #8bc34a
}

.theme-lightgreen label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #8bc34a
}

.form-checkbox.theme-lightgreen input[type=checkbox]:checked~i,
.theme-lightgreen .form-checkbox input[type=checkbox]:checked~i {
	border-color: #8bc34a;
	background-color: #8bc34a
}

.form-radio.theme-lightgreen input[type=radio]:checked~i,
.theme-lightgreen .form-radio input[type=radio]:checked~i {
	border-color: #8bc34a
}

.form-radio.theme-lightgreen input[type=radio]:checked~i:after,
.theme-lightgreen .form-radio input[type=radio]:checked~i:after {
	background-color: #8bc34a
}

.theme-lightgreen .form-checkbox .ripple-wave,
.theme-lightgreen .form-radio .ripple-wave {
	background: rgba(139, 195, 74, .5)
}

.theme-lightgreen .focus-state .floating-label,
.theme-lightgreen .focus-state .label {
	color: #8bc34a
}

.theme-lightgreen .input-field.focus-state:after,
.theme-lightgreen .input-field.not-empty-state:after,
.theme-lightgreen .item-input-field.focus-state:after,
.theme-lightgreen .item-input-field.not-empty-state:after {
	background: #8bc34a
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-today span {
	color: #8bc34a
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #8bc34a;
	color: #fff
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #8bc34a
}

.theme-lightgreen .picker-header {
	background-color: #8bc34a
}

.theme-lightgreen .modal-button {
	color: #8bc34a
}

.theme-lightgreen .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-lightgreen .timeline-item-date {
	background-color: #8bc34a
}

.theme-lightgreen .timeline-month-title,
.theme-lightgreen .timeline-year-title {
	background-color: #8bc34a
}

.theme-lightgreen .statusbar-overlay {
	background-color: #33691E
}

.data-table.theme-lightgreen .data-table-header-selected,
.theme-lightgreen .data-table .data-table-header-selected {
	background: rgba(139, 195, 74, .1)
}

.data-table.theme-lightgreen .data-table-title-selected,
.theme-lightgreen .data-table .data-table-title-selected {
	color: #8bc34a
}

.swiper-pagination.color-lightgreen .swiper-pagination-bullet-active,
.theme-lightgreen .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #8bc34a
}

.swiper-pagination.color-lightgreen .swiper-pagination-progressbar,
.theme-lightgreen .swiper-pagination .swiper-pagination-progressbar {
	background-color: #8bc34a
}

.swiper-pagination.swiper-pagination-progress.bg-lightgreen {
	background-color: rgba(139, 195, 74, .25)
}

.swiper-button-next.color-lightgreen,
.swiper-container-rtl .swiper-button-prev.color-lightgreen,
.theme-lightgreen .swiper-button-next,
.theme-lightgreen .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-lightgreen,
.swiper-container-rtl .swiper-button-next.color-lightgreen,
.theme-lightgreen .swiper-button-prev,
.theme-lightgreen .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-lightgreen,
.speed-dial-buttons a.theme-lightgreen,
.theme-lightgreen .floating-button,
.theme-lightgreen .speed-dial-buttons a {
	color: #fff;
	background: #8bc34a
}

.floating-button.theme-lightgreen.active-state,
.speed-dial-buttons a.theme-lightgreen.active-state,
.theme-lightgreen .floating-button.active-state,
.theme-lightgreen .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lightgreen:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lightgreen:active,
html:not(.watch-active-state) .theme-lightgreen .floating-button:active,
html:not(.watch-active-state) .theme-lightgreen .speed-dial-buttons a:active {
	background: #689F38
}

.floating-button.theme-lightgreen i,
.speed-dial-buttons a.theme-lightgreen i,
.theme-lightgreen .floating-button i,
.theme-lightgreen .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-lightgreen input[type=range]::-webkit-slider-thumb:before,
.theme-lightgreen .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #8bc34a
}

.range-slider.theme-lightgreen input[type=range]::-webkit-slider-thumb,
.theme-lightgreen .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #8bc34a
}

.range-slider.theme-lightgreen input[type=range]::-ms-thumb,
.theme-lightgreen .range-slider input[type=range]::-ms-thumb {
	background-color: #8bc34a
}

.range-slider.theme-lightgreen input[type=range]::-ms-fill-lower,
.theme-lightgreen .range-slider input[type=range]::-ms-fill-lower {
	background-color: #8bc34a
}

.range-slider.theme-lightgreen input[type=range]::-moz-range-thumb,
.theme-lightgreen .range-slider input[type=range]::-moz-range-thumb {
	background-color: #8bc34a
}

.badge.theme-lightgreen {
	background-color: #8bc34a;
	color: #fff
}

.theme-lime .button:not(.button-fill) {
	color: #cddc39
}

.theme-lime .navbar .button:not(.button-fill),
.theme-lime .subnavbar .button:not(.button-fill),
.theme-lime .toolbar .button:not(.button-fill),
.theme-lime.navbar .button:not(.button-fill),
.theme-lime.subnavbar .button:not(.button-fill),
.theme-lime.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-lime .button.button-fill {
	background: #cddc39;
	color: #fff
}

.theme-lime .button.button-fill.active-state,
html:not(.watch-active-state) .theme-lime .button.button-fill:active {
	background: #AFB42B
}

.progressbar.theme-lime,
.theme-lime .progressbar {
	background-color: rgba(205, 220, 57, .5)
}

.progressbar.theme-lime span,
.theme-lime .progressbar span {
	background-color: #cddc39
}

.progressbar-infinite.theme-lime,
.theme-lime .progressbar-infinite {
	background-color: rgba(205, 220, 57, .5)
}

.progressbar-infinite.theme-lime:after,
.progressbar-infinite.theme-lime:before,
.theme-lime .progressbar-infinite:after,
.theme-lime .progressbar-infinite:before {
	background-color: #cddc39
}

.color-lime i.icon,
i.icon.color-lime {
	color: #cddc39
}

i.icon-next.color-lime,
i.icon-next.theme-lime {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-lime,
i.icon-prev.theme-lime {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-lime,
i.icon-back.theme-lime {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-lime,
i.icon-forward.theme-lime {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-lime,
i.icon-bars.theme-lime {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

.theme-lime .card a,
.theme-lime a {
	color: #cddc39
}

.navbar.theme-lime,
.searchbar.theme-lime,
.subnavbar.theme-lime,
.theme-lime .navbar,
.theme-lime .searchbar,
.theme-lime .subnavbar,
.theme-lime .toolbar,
.toolbar.theme-lime {
	background-color: #cddc39
}

.label-switch.theme-lime input[type=checkbox]:checked+.checkbox,
.theme-lime .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(205, 220, 57, .5)
}

.label-switch.theme-lime input[type=checkbox]:checked+.checkbox:after,
.theme-lime .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #cddc39
}

.theme-lime label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-lime i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-lime label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #cddc39;
	background-color: #cddc39
}

.theme-lime label.label-radio i.icon-form-radio:after,
label.label-radio.theme-lime i.icon-form-radio:after {
	background-color: #cddc39
}

.theme-lime label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-lime label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-lime label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-lime label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lime input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lime input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lime input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #cddc39
}

.theme-lime label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-lime label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-lime label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-lime label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lime input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lime input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lime input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #cddc39
}

.form-checkbox.theme-lime input[type=checkbox]:checked~i,
.theme-lime .form-checkbox input[type=checkbox]:checked~i {
	border-color: #cddc39;
	background-color: #cddc39
}

.form-radio.theme-lime input[type=radio]:checked~i,
.theme-lime .form-radio input[type=radio]:checked~i {
	border-color: #cddc39
}

.form-radio.theme-lime input[type=radio]:checked~i:after,
.theme-lime .form-radio input[type=radio]:checked~i:after {
	background-color: #cddc39
}

.theme-lime .form-checkbox .ripple-wave,
.theme-lime .form-radio .ripple-wave {
	background: rgba(205, 220, 57, .5)
}

.theme-lime .focus-state .floating-label,
.theme-lime .focus-state .label {
	color: #cddc39
}

.theme-lime .input-field.focus-state:after,
.theme-lime .input-field.not-empty-state:after,
.theme-lime .item-input-field.focus-state:after,
.theme-lime .item-input-field.not-empty-state:after {
	background: #cddc39
}

.theme-lime .picker-calendar-day.picker-calendar-day-today span {
	color: #cddc39
}

.theme-lime .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #cddc39;
	color: #fff
}

.theme-lime .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #cddc39
}

.theme-lime .picker-header {
	background-color: #cddc39
}

.theme-lime .modal-button {
	color: #cddc39
}

.theme-lime .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-lime .timeline-item-date {
	background-color: #cddc39
}

.theme-lime .timeline-month-title,
.theme-lime .timeline-year-title {
	background-color: #cddc39
}

.theme-lime .statusbar-overlay {
	background-color: #827717
}

.data-table.theme-lime .data-table-header-selected,
.theme-lime .data-table .data-table-header-selected {
	background: rgba(205, 220, 57, .1)
}

.data-table.theme-lime .data-table-title-selected,
.theme-lime .data-table .data-table-title-selected {
	color: #cddc39
}

.swiper-pagination.color-lime .swiper-pagination-bullet-active,
.theme-lime .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #cddc39
}

.swiper-pagination.color-lime .swiper-pagination-progressbar,
.theme-lime .swiper-pagination .swiper-pagination-progressbar {
	background-color: #cddc39
}

.swiper-pagination.swiper-pagination-progress.bg-lime {
	background-color: rgba(205, 220, 57, .25)
}

.swiper-button-next.color-lime,
.swiper-container-rtl .swiper-button-prev.color-lime,
.theme-lime .swiper-button-next,
.theme-lime .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-lime,
.swiper-container-rtl .swiper-button-next.color-lime,
.theme-lime .swiper-button-prev,
.theme-lime .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-lime,
.speed-dial-buttons a.theme-lime,
.theme-lime .floating-button,
.theme-lime .speed-dial-buttons a {
	color: #fff;
	background: #cddc39
}

.floating-button.theme-lime.active-state,
.speed-dial-buttons a.theme-lime.active-state,
.theme-lime .floating-button.active-state,
.theme-lime .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lime:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lime:active,
html:not(.watch-active-state) .theme-lime .floating-button:active,
html:not(.watch-active-state) .theme-lime .speed-dial-buttons a:active {
	background: #AFB42B
}

.floating-button.theme-lime i,
.speed-dial-buttons a.theme-lime i,
.theme-lime .floating-button i,
.theme-lime .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-lime input[type=range]::-webkit-slider-thumb:before,
.theme-lime .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-webkit-slider-thumb,
.theme-lime .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-ms-thumb,
.theme-lime .range-slider input[type=range]::-ms-thumb {
	background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-ms-fill-lower,
.theme-lime .range-slider input[type=range]::-ms-fill-lower {
	background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-moz-range-thumb,
.theme-lime .range-slider input[type=range]::-moz-range-thumb {
	background-color: #cddc39
}

.badge.theme-lime {
	background-color: #cddc39;
	color: #fff
}

.theme-yellow .button:not(.button-fill) {
	color: #ffeb3b
}

.theme-yellow .navbar .button:not(.button-fill),
.theme-yellow .subnavbar .button:not(.button-fill),
.theme-yellow .toolbar .button:not(.button-fill),
.theme-yellow.navbar .button:not(.button-fill),
.theme-yellow.subnavbar .button:not(.button-fill),
.theme-yellow.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-yellow .button.button-fill {
	background: #ffeb3b;
	color: #fff
}

.theme-yellow .button.button-fill.active-state,
html:not(.watch-active-state) .theme-yellow .button.button-fill:active {
	background: #FBC02D
}

.progressbar.theme-yellow,
.theme-yellow .progressbar {
	background-color: rgba(255, 235, 59, .5)
}

.progressbar.theme-yellow span,
.theme-yellow .progressbar span {
	background-color: #ffeb3b
}

.progressbar-infinite.theme-yellow,
.theme-yellow .progressbar-infinite {
	background-color: rgba(255, 235, 59, .5)
}

.progressbar-infinite.theme-yellow:after,
.progressbar-infinite.theme-yellow:before,
.theme-yellow .progressbar-infinite:after,
.theme-yellow .progressbar-infinite:before {
	background-color: #ffeb3b
}

.color-yellow i.icon,
i.icon.color-yellow {
	color: #ffeb3b
}

i.icon-next.color-yellow,
i.icon-next.theme-yellow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-yellow,
i.icon-prev.theme-yellow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-yellow,
i.icon-back.theme-yellow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-yellow,
i.icon-forward.theme-yellow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-yellow,
i.icon-bars.theme-yellow {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

.theme-yellow .card a,
.theme-yellow a {
	color: #ffeb3b
}

.navbar.theme-yellow,
.searchbar.theme-yellow,
.subnavbar.theme-yellow,
.theme-yellow .navbar,
.theme-yellow .searchbar,
.theme-yellow .subnavbar,
.theme-yellow .toolbar,
.toolbar.theme-yellow {
	background-color: #ffeb3b
}

.label-switch.theme-yellow input[type=checkbox]:checked+.checkbox,
.theme-yellow .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(255, 235, 59, .5)
}

.label-switch.theme-yellow input[type=checkbox]:checked+.checkbox:after,
.theme-yellow .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #ffeb3b
}

.theme-yellow label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-yellow i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-yellow label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #ffeb3b;
	background-color: #ffeb3b
}

.theme-yellow label.label-radio i.icon-form-radio:after,
label.label-radio.theme-yellow i.icon-form-radio:after {
	background-color: #ffeb3b
}

.theme-yellow label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-yellow label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-yellow label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-yellow label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-yellow input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-yellow input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #ffeb3b
}

.theme-yellow label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #ffeb3b
}

.form-checkbox.theme-yellow input[type=checkbox]:checked~i,
.theme-yellow .form-checkbox input[type=checkbox]:checked~i {
	border-color: #ffeb3b;
	background-color: #ffeb3b
}

.form-radio.theme-yellow input[type=radio]:checked~i,
.theme-yellow .form-radio input[type=radio]:checked~i {
	border-color: #ffeb3b
}

.form-radio.theme-yellow input[type=radio]:checked~i:after,
.theme-yellow .form-radio input[type=radio]:checked~i:after {
	background-color: #ffeb3b
}

.theme-yellow .form-checkbox .ripple-wave,
.theme-yellow .form-radio .ripple-wave {
	background: rgba(255, 235, 59, .5)
}

.theme-yellow .focus-state .floating-label,
.theme-yellow .focus-state .label {
	color: #ffeb3b
}

.theme-yellow .input-field.focus-state:after,
.theme-yellow .input-field.not-empty-state:after,
.theme-yellow .item-input-field.focus-state:after,
.theme-yellow .item-input-field.not-empty-state:after {
	background: #ffeb3b
}

.theme-yellow .picker-calendar-day.picker-calendar-day-today span {
	color: #ffeb3b
}

.theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #ffeb3b;
	color: #fff
}

.theme-yellow .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #ffeb3b
}

.theme-yellow .picker-header {
	background-color: #ffeb3b
}

.theme-yellow .modal-button {
	color: #ffeb3b
}

.theme-yellow .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-yellow .timeline-item-date {
	background-color: #ffeb3b
}

.theme-yellow .timeline-month-title,
.theme-yellow .timeline-year-title {
	background-color: #ffeb3b
}

.theme-yellow .statusbar-overlay {
	background-color: #F57F17
}

.data-table.theme-yellow .data-table-header-selected,
.theme-yellow .data-table .data-table-header-selected {
	background: rgba(255, 235, 59, .1)
}

.data-table.theme-yellow .data-table-title-selected,
.theme-yellow .data-table .data-table-title-selected {
	color: #ffeb3b
}

.swiper-pagination.color-yellow .swiper-pagination-bullet-active,
.theme-yellow .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ffeb3b
}

.swiper-pagination.color-yellow .swiper-pagination-progressbar,
.theme-yellow .swiper-pagination .swiper-pagination-progressbar {
	background-color: #ffeb3b
}

.swiper-pagination.swiper-pagination-progress.bg-yellow {
	background-color: rgba(255, 235, 59, .25)
}

.swiper-button-next.color-yellow,
.swiper-container-rtl .swiper-button-prev.color-yellow,
.theme-yellow .swiper-button-next,
.theme-yellow .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-yellow,
.swiper-container-rtl .swiper-button-next.color-yellow,
.theme-yellow .swiper-button-prev,
.theme-yellow .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-yellow,
.speed-dial-buttons a.theme-yellow,
.theme-yellow .floating-button,
.theme-yellow .speed-dial-buttons a {
	color: #fff;
	background: #ffeb3b
}

.floating-button.theme-yellow.active-state,
.speed-dial-buttons a.theme-yellow.active-state,
.theme-yellow .floating-button.active-state,
.theme-yellow .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-yellow:active,
html:not(.watch-active-state) .theme-yellow .floating-button:active,
html:not(.watch-active-state) .theme-yellow .speed-dial-buttons a:active {
	background: #FBC02D
}

.floating-button.theme-yellow i,
.speed-dial-buttons a.theme-yellow i,
.theme-yellow .floating-button i,
.theme-yellow .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb:before,
.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #ffeb3b
}

.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb,
.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #ffeb3b
}

.range-slider.theme-yellow input[type=range]::-ms-thumb,
.theme-yellow .range-slider input[type=range]::-ms-thumb {
	background-color: #ffeb3b
}

.range-slider.theme-yellow input[type=range]::-ms-fill-lower,
.theme-yellow .range-slider input[type=range]::-ms-fill-lower {
	background-color: #ffeb3b
}

.range-slider.theme-yellow input[type=range]::-moz-range-thumb,
.theme-yellow .range-slider input[type=range]::-moz-range-thumb {
	background-color: #ffeb3b
}

.badge.theme-yellow {
	background-color: #ffeb3b;
	color: #fff
}

.theme-amber .button:not(.button-fill) {
	color: #ffc107
}

.theme-amber .navbar .button:not(.button-fill),
.theme-amber .subnavbar .button:not(.button-fill),
.theme-amber .toolbar .button:not(.button-fill),
.theme-amber.navbar .button:not(.button-fill),
.theme-amber.subnavbar .button:not(.button-fill),
.theme-amber.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-amber .button.button-fill {
	background: #ffc107;
	color: #fff
}

.theme-amber .button.button-fill.active-state,
html:not(.watch-active-state) .theme-amber .button.button-fill:active {
	background: #FFA000
}

.progressbar.theme-amber,
.theme-amber .progressbar {
	background-color: rgba(255, 193, 7, .5)
}

.progressbar.theme-amber span,
.theme-amber .progressbar span {
	background-color: #ffc107
}

.progressbar-infinite.theme-amber,
.theme-amber .progressbar-infinite {
	background-color: rgba(255, 193, 7, .5)
}

.progressbar-infinite.theme-amber:after,
.progressbar-infinite.theme-amber:before,
.theme-amber .progressbar-infinite:after,
.theme-amber .progressbar-infinite:before {
	background-color: #ffc107
}

.color-amber i.icon,
i.icon.color-amber {
	color: #ffc107
}

i.icon-next.color-amber,
i.icon-next.theme-amber {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-amber,
i.icon-prev.theme-amber {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-amber,
i.icon-back.theme-amber {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-amber,
i.icon-forward.theme-amber {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-amber,
i.icon-bars.theme-amber {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

.theme-amber .card a,
.theme-amber a {
	color: #ffc107
}

.navbar.theme-amber,
.searchbar.theme-amber,
.subnavbar.theme-amber,
.theme-amber .navbar,
.theme-amber .searchbar,
.theme-amber .subnavbar,
.theme-amber .toolbar,
.toolbar.theme-amber {
	background-color: #ffc107
}

.label-switch.theme-amber input[type=checkbox]:checked+.checkbox,
.theme-amber .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(255, 193, 7, .5)
}

.label-switch.theme-amber input[type=checkbox]:checked+.checkbox:after,
.theme-amber .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #ffc107
}

.theme-amber label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-amber i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-amber label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #ffc107;
	background-color: #ffc107
}

.theme-amber label.label-radio i.icon-form-radio:after,
label.label-radio.theme-amber i.icon-form-radio:after {
	background-color: #ffc107
}

.theme-amber label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-amber label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-amber label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-amber label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-amber input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-amber input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-amber input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #ffc107
}

.theme-amber label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-amber label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-amber label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-amber label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-amber input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-amber input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-amber input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #ffc107
}

.form-checkbox.theme-amber input[type=checkbox]:checked~i,
.theme-amber .form-checkbox input[type=checkbox]:checked~i {
	border-color: #ffc107;
	background-color: #ffc107
}

.form-radio.theme-amber input[type=radio]:checked~i,
.theme-amber .form-radio input[type=radio]:checked~i {
	border-color: #ffc107
}

.form-radio.theme-amber input[type=radio]:checked~i:after,
.theme-amber .form-radio input[type=radio]:checked~i:after {
	background-color: #ffc107
}

.theme-amber .form-checkbox .ripple-wave,
.theme-amber .form-radio .ripple-wave {
	background: rgba(255, 193, 7, .5)
}

.theme-amber .focus-state .floating-label,
.theme-amber .focus-state .label {
	color: #ffc107
}

.theme-amber .input-field.focus-state:after,
.theme-amber .input-field.not-empty-state:after,
.theme-amber .item-input-field.focus-state:after,
.theme-amber .item-input-field.not-empty-state:after {
	background: #ffc107
}

.theme-amber .picker-calendar-day.picker-calendar-day-today span {
	color: #ffc107
}

.theme-amber .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #ffc107;
	color: #fff
}

.theme-amber .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #ffc107
}

.theme-amber .picker-header {
	background-color: #ffc107
}

.theme-amber .modal-button {
	color: #ffc107
}

.theme-amber .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-amber .timeline-item-date {
	background-color: #ffc107
}

.theme-amber .timeline-month-title,
.theme-amber .timeline-year-title {
	background-color: #ffc107
}

.theme-amber .statusbar-overlay {
	background-color: #FF6F00
}

.data-table.theme-amber .data-table-header-selected,
.theme-amber .data-table .data-table-header-selected {
	background: rgba(255, 193, 7, .1)
}

.data-table.theme-amber .data-table-title-selected,
.theme-amber .data-table .data-table-title-selected {
	color: #ffc107
}

.swiper-pagination.color-amber .swiper-pagination-bullet-active,
.theme-amber .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ffc107
}

.swiper-pagination.color-amber .swiper-pagination-progressbar,
.theme-amber .swiper-pagination .swiper-pagination-progressbar {
	background-color: #ffc107
}

.swiper-pagination.swiper-pagination-progress.bg-amber {
	background-color: rgba(255, 193, 7, .25)
}

.swiper-button-next.color-amber,
.swiper-container-rtl .swiper-button-prev.color-amber,
.theme-amber .swiper-button-next,
.theme-amber .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-amber,
.swiper-container-rtl .swiper-button-next.color-amber,
.theme-amber .swiper-button-prev,
.theme-amber .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-amber,
.speed-dial-buttons a.theme-amber,
.theme-amber .floating-button,
.theme-amber .speed-dial-buttons a {
	color: #fff;
	background: #ffc107
}

.floating-button.theme-amber.active-state,
.speed-dial-buttons a.theme-amber.active-state,
.theme-amber .floating-button.active-state,
.theme-amber .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-amber:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-amber:active,
html:not(.watch-active-state) .theme-amber .floating-button:active,
html:not(.watch-active-state) .theme-amber .speed-dial-buttons a:active {
	background: #FFA000
}

.floating-button.theme-amber i,
.speed-dial-buttons a.theme-amber i,
.theme-amber .floating-button i,
.theme-amber .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-amber input[type=range]::-webkit-slider-thumb:before,
.theme-amber .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-webkit-slider-thumb,
.theme-amber .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-ms-thumb,
.theme-amber .range-slider input[type=range]::-ms-thumb {
	background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-ms-fill-lower,
.theme-amber .range-slider input[type=range]::-ms-fill-lower {
	background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-moz-range-thumb,
.theme-amber .range-slider input[type=range]::-moz-range-thumb {
	background-color: #ffc107
}

.badge.theme-amber {
	background-color: #ffc107;
	color: #fff
}

.theme-orange .button:not(.button-fill) {
	color: #ff9800
}

.theme-orange .navbar .button:not(.button-fill),
.theme-orange .subnavbar .button:not(.button-fill),
.theme-orange .toolbar .button:not(.button-fill),
.theme-orange.navbar .button:not(.button-fill),
.theme-orange.subnavbar .button:not(.button-fill),
.theme-orange.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-orange .button.button-fill {
	background: #ff9800;
	color: #fff
}

.theme-orange .button.button-fill.active-state,
html:not(.watch-active-state) .theme-orange .button.button-fill:active {
	background: #F57C00
}

.progressbar.theme-orange,
.theme-orange .progressbar {
	background-color: rgba(255, 152, 0, .5)
}

.progressbar.theme-orange span,
.theme-orange .progressbar span {
	background-color: #ff9800
}

.progressbar-infinite.theme-orange,
.theme-orange .progressbar-infinite {
	background-color: rgba(255, 152, 0, .5)
}

.progressbar-infinite.theme-orange:after,
.progressbar-infinite.theme-orange:before,
.theme-orange .progressbar-infinite:after,
.theme-orange .progressbar-infinite:before {
	background-color: #ff9800
}

.color-orange i.icon,
i.icon.color-orange {
	color: #ff9800
}

i.icon-next.color-orange,
i.icon-next.theme-orange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-orange,
i.icon-prev.theme-orange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-orange,
i.icon-back.theme-orange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-orange,
i.icon-forward.theme-orange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-orange,
i.icon-bars.theme-orange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

.theme-orange .card a,
.theme-orange a {
	color: #ff9800
}

.navbar.theme-orange,
.searchbar.theme-orange,
.subnavbar.theme-orange,
.theme-orange .navbar,
.theme-orange .searchbar,
.theme-orange .subnavbar,
.theme-orange .toolbar,
.toolbar.theme-orange {
	background-color: #ff9800
}

.label-switch.theme-orange input[type=checkbox]:checked+.checkbox,
.theme-orange .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(255, 152, 0, .5)
}

.label-switch.theme-orange input[type=checkbox]:checked+.checkbox:after,
.theme-orange .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #ff9800
}

.theme-orange label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-orange i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-orange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #ff9800;
	background-color: #ff9800
}

.theme-orange label.label-radio i.icon-form-radio:after,
label.label-radio.theme-orange i.icon-form-radio:after {
	background-color: #ff9800
}

.theme-orange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-orange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-orange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-orange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-orange input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-orange input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-orange input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #ff9800
}

.theme-orange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-orange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-orange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-orange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-orange input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-orange input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-orange input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #ff9800
}

.form-checkbox.theme-orange input[type=checkbox]:checked~i,
.theme-orange .form-checkbox input[type=checkbox]:checked~i {
	border-color: #ff9800;
	background-color: #ff9800
}

.form-radio.theme-orange input[type=radio]:checked~i,
.theme-orange .form-radio input[type=radio]:checked~i {
	border-color: #ff9800
}

.form-radio.theme-orange input[type=radio]:checked~i:after,
.theme-orange .form-radio input[type=radio]:checked~i:after {
	background-color: #ff9800
}

.theme-orange .form-checkbox .ripple-wave,
.theme-orange .form-radio .ripple-wave {
	background: rgba(255, 152, 0, .5)
}

.theme-orange .focus-state .floating-label,
.theme-orange .focus-state .label {
	color: #ff9800
}

.theme-orange .input-field.focus-state:after,
.theme-orange .input-field.not-empty-state:after,
.theme-orange .item-input-field.focus-state:after,
.theme-orange .item-input-field.not-empty-state:after {
	background: #ff9800
}

.theme-orange .picker-calendar-day.picker-calendar-day-today span {
	color: #ff9800
}

.theme-orange .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #ff9800;
	color: #fff
}

.theme-orange .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #ff9800
}

.theme-orange .picker-header {
	background-color: #ff9800
}

.theme-orange .modal-button {
	color: #ff9800
}

.theme-orange .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-orange .timeline-item-date {
	background-color: #ff9800
}

.theme-orange .timeline-month-title,
.theme-orange .timeline-year-title {
	background-color: #ff9800
}

.theme-orange .statusbar-overlay {
	background-color: #E65100
}

.data-table.theme-orange .data-table-header-selected,
.theme-orange .data-table .data-table-header-selected {
	background: rgba(255, 152, 0, .1)
}

.data-table.theme-orange .data-table-title-selected,
.theme-orange .data-table .data-table-title-selected {
	color: #ff9800
}

.swiper-pagination.color-orange .swiper-pagination-bullet-active,
.theme-orange .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ff9800
}

.swiper-pagination.color-orange .swiper-pagination-progressbar,
.theme-orange .swiper-pagination .swiper-pagination-progressbar {
	background-color: #ff9800
}

.swiper-pagination.swiper-pagination-progress.bg-orange {
	background-color: rgba(255, 152, 0, .25)
}

.swiper-button-next.color-orange,
.swiper-container-rtl .swiper-button-prev.color-orange,
.theme-orange .swiper-button-next,
.theme-orange .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-orange,
.swiper-container-rtl .swiper-button-next.color-orange,
.theme-orange .swiper-button-prev,
.theme-orange .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-orange,
.speed-dial-buttons a.theme-orange,
.theme-orange .floating-button,
.theme-orange .speed-dial-buttons a {
	color: #fff;
	background: #ff9800
}

.floating-button.theme-orange.active-state,
.speed-dial-buttons a.theme-orange.active-state,
.theme-orange .floating-button.active-state,
.theme-orange .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-orange:active,
html:not(.watch-active-state) .theme-orange .floating-button:active,
html:not(.watch-active-state) .theme-orange .speed-dial-buttons a:active {
	background: #F57C00
}

.floating-button.theme-orange i,
.speed-dial-buttons a.theme-orange i,
.theme-orange .floating-button i,
.theme-orange .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-orange input[type=range]::-webkit-slider-thumb:before,
.theme-orange .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #ff9800
}

.range-slider.theme-orange input[type=range]::-webkit-slider-thumb,
.theme-orange .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #ff9800
}

.range-slider.theme-orange input[type=range]::-ms-thumb,
.theme-orange .range-slider input[type=range]::-ms-thumb {
	background-color: #ff9800
}

.range-slider.theme-orange input[type=range]::-ms-fill-lower,
.theme-orange .range-slider input[type=range]::-ms-fill-lower {
	background-color: #ff9800
}

.range-slider.theme-orange input[type=range]::-moz-range-thumb,
.theme-orange .range-slider input[type=range]::-moz-range-thumb {
	background-color: #ff9800
}

.badge.theme-orange {
	background-color: #ff9800;
	color: #fff
}

.theme-deeporange .button:not(.button-fill) {
	color: #ff5722
}

.theme-deeporange .navbar .button:not(.button-fill),
.theme-deeporange .subnavbar .button:not(.button-fill),
.theme-deeporange .toolbar .button:not(.button-fill),
.theme-deeporange.navbar .button:not(.button-fill),
.theme-deeporange.subnavbar .button:not(.button-fill),
.theme-deeporange.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-deeporange .button.button-fill {
	background: #ff5722;
	color: #fff
}

.theme-deeporange .button.button-fill.active-state,
html:not(.watch-active-state) .theme-deeporange .button.button-fill:active {
	background: #E64A19
}

.progressbar.theme-deeporange,
.theme-deeporange .progressbar {
	background-color: rgba(255, 87, 34, .5)
}

.progressbar.theme-deeporange span,
.theme-deeporange .progressbar span {
	background-color: #ff5722
}

.progressbar-infinite.theme-deeporange,
.theme-deeporange .progressbar-infinite {
	background-color: rgba(255, 87, 34, .5)
}

.progressbar-infinite.theme-deeporange:after,
.progressbar-infinite.theme-deeporange:before,
.theme-deeporange .progressbar-infinite:after,
.theme-deeporange .progressbar-infinite:before {
	background-color: #ff5722
}

.color-deeporange i.icon,
i.icon.color-deeporange {
	color: #ff5722
}

i.icon-next.color-deeporange,
i.icon-next.theme-deeporange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-deeporange,
i.icon-prev.theme-deeporange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-deeporange,
i.icon-back.theme-deeporange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-deeporange,
i.icon-forward.theme-deeporange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-deeporange,
i.icon-bars.theme-deeporange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

.theme-deeporange .card a,
.theme-deeporange a {
	color: #ff5722
}

.navbar.theme-deeporange,
.searchbar.theme-deeporange,
.subnavbar.theme-deeporange,
.theme-deeporange .navbar,
.theme-deeporange .searchbar,
.theme-deeporange .subnavbar,
.theme-deeporange .toolbar,
.toolbar.theme-deeporange {
	background-color: #ff5722
}

.label-switch.theme-deeporange input[type=checkbox]:checked+.checkbox,
.theme-deeporange .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(255, 87, 34, .5)
}

.label-switch.theme-deeporange input[type=checkbox]:checked+.checkbox:after,
.theme-deeporange .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #ff5722
}

.theme-deeporange label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-deeporange i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-deeporange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #ff5722;
	background-color: #ff5722
}

.theme-deeporange label.label-radio i.icon-form-radio:after,
label.label-radio.theme-deeporange i.icon-form-radio:after {
	background-color: #ff5722
}

.theme-deeporange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-deeporange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #ff5722
}

.theme-deeporange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #ff5722
}

.form-checkbox.theme-deeporange input[type=checkbox]:checked~i,
.theme-deeporange .form-checkbox input[type=checkbox]:checked~i {
	border-color: #ff5722;
	background-color: #ff5722
}

.form-radio.theme-deeporange input[type=radio]:checked~i,
.theme-deeporange .form-radio input[type=radio]:checked~i {
	border-color: #ff5722
}

.form-radio.theme-deeporange input[type=radio]:checked~i:after,
.theme-deeporange .form-radio input[type=radio]:checked~i:after {
	background-color: #ff5722
}

.theme-deeporange .form-checkbox .ripple-wave,
.theme-deeporange .form-radio .ripple-wave {
	background: rgba(255, 87, 34, .5)
}

.theme-deeporange .focus-state .floating-label,
.theme-deeporange .focus-state .label {
	color: #ff5722
}

.theme-deeporange .input-field.focus-state:after,
.theme-deeporange .input-field.not-empty-state:after,
.theme-deeporange .item-input-field.focus-state:after,
.theme-deeporange .item-input-field.not-empty-state:after {
	background: #ff5722
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-today span {
	color: #ff5722
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #ff5722;
	color: #fff
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #ff5722
}

.theme-deeporange .picker-header {
	background-color: #ff5722
}

.theme-deeporange .modal-button {
	color: #ff5722
}

.theme-deeporange .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-deeporange .timeline-item-date {
	background-color: #ff5722
}

.theme-deeporange .timeline-month-title,
.theme-deeporange .timeline-year-title {
	background-color: #ff5722
}

.theme-deeporange .statusbar-overlay {
	background-color: #BF360C
}

.data-table.theme-deeporange .data-table-header-selected,
.theme-deeporange .data-table .data-table-header-selected {
	background: rgba(255, 87, 34, .1)
}

.data-table.theme-deeporange .data-table-title-selected,
.theme-deeporange .data-table .data-table-title-selected {
	color: #ff5722
}

.swiper-pagination.color-deeporange .swiper-pagination-bullet-active,
.theme-deeporange .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ff5722
}

.swiper-pagination.color-deeporange .swiper-pagination-progressbar,
.theme-deeporange .swiper-pagination .swiper-pagination-progressbar {
	background-color: #ff5722
}

.swiper-pagination.swiper-pagination-progress.bg-deeporange {
	background-color: rgba(255, 87, 34, .25)
}

.swiper-button-next.color-deeporange,
.swiper-container-rtl .swiper-button-prev.color-deeporange,
.theme-deeporange .swiper-button-next,
.theme-deeporange .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-deeporange,
.swiper-container-rtl .swiper-button-next.color-deeporange,
.theme-deeporange .swiper-button-prev,
.theme-deeporange .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-deeporange,
.speed-dial-buttons a.theme-deeporange,
.theme-deeporange .floating-button,
.theme-deeporange .speed-dial-buttons a {
	color: #fff;
	background: #ff5722
}

.floating-button.theme-deeporange.active-state,
.speed-dial-buttons a.theme-deeporange.active-state,
.theme-deeporange .floating-button.active-state,
.theme-deeporange .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-deeporange:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-deeporange:active,
html:not(.watch-active-state) .theme-deeporange .floating-button:active,
html:not(.watch-active-state) .theme-deeporange .speed-dial-buttons a:active {
	background: #E64A19
}

.floating-button.theme-deeporange i,
.speed-dial-buttons a.theme-deeporange i,
.theme-deeporange .floating-button i,
.theme-deeporange .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb:before,
.theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb,
.theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-ms-thumb,
.theme-deeporange .range-slider input[type=range]::-ms-thumb {
	background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-ms-fill-lower,
.theme-deeporange .range-slider input[type=range]::-ms-fill-lower {
	background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-moz-range-thumb,
.theme-deeporange .range-slider input[type=range]::-moz-range-thumb {
	background-color: #ff5722
}

.badge.theme-deeporange {
	background-color: #ff5722;
	color: #fff
}

.theme-brown .button:not(.button-fill) {
	color: #795548
}

.theme-brown .navbar .button:not(.button-fill),
.theme-brown .subnavbar .button:not(.button-fill),
.theme-brown .toolbar .button:not(.button-fill),
.theme-brown.navbar .button:not(.button-fill),
.theme-brown.subnavbar .button:not(.button-fill),
.theme-brown.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-brown .button.button-fill {
	background: #795548;
	color: #fff
}

.theme-brown .button.button-fill.active-state,
html:not(.watch-active-state) .theme-brown .button.button-fill:active {
	background: #5D4037
}

.progressbar.theme-brown,
.theme-brown .progressbar {
	background-color: rgba(121, 85, 72, .5)
}

.progressbar.theme-brown span,
.theme-brown .progressbar span {
	background-color: #795548
}

.progressbar-infinite.theme-brown,
.theme-brown .progressbar-infinite {
	background-color: rgba(121, 85, 72, .5)
}

.progressbar-infinite.theme-brown:after,
.progressbar-infinite.theme-brown:before,
.theme-brown .progressbar-infinite:after,
.theme-brown .progressbar-infinite:before {
	background-color: #795548
}

.color-brown i.icon,
i.icon.color-brown {
	color: #795548
}

i.icon-next.color-brown,
i.icon-next.theme-brown {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-brown,
i.icon-prev.theme-brown {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-brown,
i.icon-back.theme-brown {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-brown,
i.icon-forward.theme-brown {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-brown,
i.icon-bars.theme-brown {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

.theme-brown .card a,
.theme-brown a {
	color: #795548
}

.navbar.theme-brown,
.searchbar.theme-brown,
.subnavbar.theme-brown,
.theme-brown .navbar,
.theme-brown .searchbar,
.theme-brown .subnavbar,
.theme-brown .toolbar,
.toolbar.theme-brown {
	background-color: #795548
}

.label-switch.theme-brown input[type=checkbox]:checked+.checkbox,
.theme-brown .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(121, 85, 72, .5)
}

.label-switch.theme-brown input[type=checkbox]:checked+.checkbox:after,
.theme-brown .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #795548
}

.theme-brown label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-brown i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-brown label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #795548;
	background-color: #795548
}

.theme-brown label.label-radio i.icon-form-radio:after,
label.label-radio.theme-brown i.icon-form-radio:after {
	background-color: #795548
}

.theme-brown label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-brown label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-brown label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-brown label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-brown input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-brown input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-brown input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #795548
}

.theme-brown label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-brown label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-brown label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-brown label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-brown input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-brown input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-brown input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #795548
}

.form-checkbox.theme-brown input[type=checkbox]:checked~i,
.theme-brown .form-checkbox input[type=checkbox]:checked~i {
	border-color: #795548;
	background-color: #795548
}

.form-radio.theme-brown input[type=radio]:checked~i,
.theme-brown .form-radio input[type=radio]:checked~i {
	border-color: #795548
}

.form-radio.theme-brown input[type=radio]:checked~i:after,
.theme-brown .form-radio input[type=radio]:checked~i:after {
	background-color: #795548
}

.theme-brown .form-checkbox .ripple-wave,
.theme-brown .form-radio .ripple-wave {
	background: rgba(121, 85, 72, .5)
}

.theme-brown .focus-state .floating-label,
.theme-brown .focus-state .label {
	color: #795548
}

.theme-brown .input-field.focus-state:after,
.theme-brown .input-field.not-empty-state:after,
.theme-brown .item-input-field.focus-state:after,
.theme-brown .item-input-field.not-empty-state:after {
	background: #795548
}

.theme-brown .picker-calendar-day.picker-calendar-day-today span {
	color: #795548
}

.theme-brown .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #795548;
	color: #fff
}

.theme-brown .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #795548
}

.theme-brown .picker-header {
	background-color: #795548
}

.theme-brown .modal-button {
	color: #795548
}

.theme-brown .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-brown .timeline-item-date {
	background-color: #795548
}

.theme-brown .timeline-month-title,
.theme-brown .timeline-year-title {
	background-color: #795548
}

.theme-brown .statusbar-overlay {
	background-color: #3E2723
}

.data-table.theme-brown .data-table-header-selected,
.theme-brown .data-table .data-table-header-selected {
	background: rgba(121, 85, 72, .1)
}

.data-table.theme-brown .data-table-title-selected,
.theme-brown .data-table .data-table-title-selected {
	color: #795548
}

.swiper-pagination.color-brown .swiper-pagination-bullet-active,
.theme-brown .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #795548
}

.swiper-pagination.color-brown .swiper-pagination-progressbar,
.theme-brown .swiper-pagination .swiper-pagination-progressbar {
	background-color: #795548
}

.swiper-pagination.swiper-pagination-progress.bg-brown {
	background-color: rgba(121, 85, 72, .25)
}

.swiper-button-next.color-brown,
.swiper-container-rtl .swiper-button-prev.color-brown,
.theme-brown .swiper-button-next,
.theme-brown .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-brown,
.swiper-container-rtl .swiper-button-next.color-brown,
.theme-brown .swiper-button-prev,
.theme-brown .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-brown,
.speed-dial-buttons a.theme-brown,
.theme-brown .floating-button,
.theme-brown .speed-dial-buttons a {
	color: #fff;
	background: #795548
}

.floating-button.theme-brown.active-state,
.speed-dial-buttons a.theme-brown.active-state,
.theme-brown .floating-button.active-state,
.theme-brown .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-brown:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-brown:active,
html:not(.watch-active-state) .theme-brown .floating-button:active,
html:not(.watch-active-state) .theme-brown .speed-dial-buttons a:active {
	background: #5D4037
}

.floating-button.theme-brown i,
.speed-dial-buttons a.theme-brown i,
.theme-brown .floating-button i,
.theme-brown .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-brown input[type=range]::-webkit-slider-thumb:before,
.theme-brown .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #795548
}

.range-slider.theme-brown input[type=range]::-webkit-slider-thumb,
.theme-brown .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #795548
}

.range-slider.theme-brown input[type=range]::-ms-thumb,
.theme-brown .range-slider input[type=range]::-ms-thumb {
	background-color: #795548
}

.range-slider.theme-brown input[type=range]::-ms-fill-lower,
.theme-brown .range-slider input[type=range]::-ms-fill-lower {
	background-color: #795548
}

.range-slider.theme-brown input[type=range]::-moz-range-thumb,
.theme-brown .range-slider input[type=range]::-moz-range-thumb {
	background-color: #795548
}

.badge.theme-brown {
	background-color: #795548;
	color: #fff
}

.theme-gray .button:not(.button-fill) {
	color: #9e9e9e
}

.theme-gray .navbar .button:not(.button-fill),
.theme-gray .subnavbar .button:not(.button-fill),
.theme-gray .toolbar .button:not(.button-fill),
.theme-gray.navbar .button:not(.button-fill),
.theme-gray.subnavbar .button:not(.button-fill),
.theme-gray.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-gray .button.button-fill {
	background: #9e9e9e;
	color: #fff
}

.theme-gray .button.button-fill.active-state,
html:not(.watch-active-state) .theme-gray .button.button-fill:active {
	background: #616161
}

.progressbar.theme-gray,
.theme-gray .progressbar {
	background-color: rgba(158, 158, 158, .5)
}

.progressbar.theme-gray span,
.theme-gray .progressbar span {
	background-color: #9e9e9e
}

.progressbar-infinite.theme-gray,
.theme-gray .progressbar-infinite {
	background-color: rgba(158, 158, 158, .5)
}

.progressbar-infinite.theme-gray:after,
.progressbar-infinite.theme-gray:before,
.theme-gray .progressbar-infinite:after,
.theme-gray .progressbar-infinite:before {
	background-color: #9e9e9e
}

.color-gray i.icon,
i.icon.color-gray {
	color: #9e9e9e
}

i.icon-next.color-gray,
i.icon-next.theme-gray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-gray,
i.icon-prev.theme-gray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-gray,
i.icon-back.theme-gray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-gray,
i.icon-forward.theme-gray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-gray,
i.icon-bars.theme-gray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

.theme-gray .card a,
.theme-gray a {
	color: #9e9e9e
}

.navbar.theme-gray,
.searchbar.theme-gray,
.subnavbar.theme-gray,
.theme-gray .navbar,
.theme-gray .searchbar,
.theme-gray .subnavbar,
.theme-gray .toolbar,
.toolbar.theme-gray {
	background-color: #9e9e9e
}

.label-switch.theme-gray input[type=checkbox]:checked+.checkbox,
.theme-gray .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(158, 158, 158, .5)
}

.label-switch.theme-gray input[type=checkbox]:checked+.checkbox:after,
.theme-gray .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #9e9e9e
}

.theme-gray label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-gray i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-gray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #9e9e9e;
	background-color: #9e9e9e
}

.theme-gray label.label-radio i.icon-form-radio:after,
label.label-radio.theme-gray i.icon-form-radio:after {
	background-color: #9e9e9e
}

.theme-gray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-gray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-gray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-gray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-gray input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-gray input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-gray input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #9e9e9e
}

.theme-gray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-gray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-gray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-gray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-gray input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-gray input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-gray input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #9e9e9e
}

.form-checkbox.theme-gray input[type=checkbox]:checked~i,
.theme-gray .form-checkbox input[type=checkbox]:checked~i {
	border-color: #9e9e9e;
	background-color: #9e9e9e
}

.form-radio.theme-gray input[type=radio]:checked~i,
.theme-gray .form-radio input[type=radio]:checked~i {
	border-color: #9e9e9e
}

.form-radio.theme-gray input[type=radio]:checked~i:after,
.theme-gray .form-radio input[type=radio]:checked~i:after {
	background-color: #9e9e9e
}

.theme-gray .form-checkbox .ripple-wave,
.theme-gray .form-radio .ripple-wave {
	background: rgba(158, 158, 158, .5)
}

.theme-gray .focus-state .floating-label,
.theme-gray .focus-state .label {
	color: #9e9e9e
}

.theme-gray .input-field.focus-state:after,
.theme-gray .input-field.not-empty-state:after,
.theme-gray .item-input-field.focus-state:after,
.theme-gray .item-input-field.not-empty-state:after {
	background: #9e9e9e
}

.theme-gray .picker-calendar-day.picker-calendar-day-today span {
	color: #9e9e9e
}

.theme-gray .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #9e9e9e;
	color: #fff
}

.theme-gray .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #9e9e9e
}

.theme-gray .picker-header {
	background-color: #9e9e9e
}

.theme-gray .modal-button {
	color: #9e9e9e
}

.theme-gray .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-gray .timeline-item-date {
	background-color: #9e9e9e
}

.theme-gray .timeline-month-title,
.theme-gray .timeline-year-title {
	background-color: #9e9e9e
}

.theme-gray .statusbar-overlay {
	background-color: #212121
}

.data-table.theme-gray .data-table-header-selected,
.theme-gray .data-table .data-table-header-selected {
	background: rgba(158, 158, 158, .1)
}

.data-table.theme-gray .data-table-title-selected,
.theme-gray .data-table .data-table-title-selected {
	color: #9e9e9e
}

.swiper-pagination.color-gray .swiper-pagination-bullet-active,
.theme-gray .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #9e9e9e
}

.swiper-pagination.color-gray .swiper-pagination-progressbar,
.theme-gray .swiper-pagination .swiper-pagination-progressbar {
	background-color: #9e9e9e
}

.swiper-pagination.swiper-pagination-progress.bg-gray {
	background-color: rgba(158, 158, 158, .25)
}

.swiper-button-next.color-gray,
.swiper-container-rtl .swiper-button-prev.color-gray,
.theme-gray .swiper-button-next,
.theme-gray .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-gray,
.swiper-container-rtl .swiper-button-next.color-gray,
.theme-gray .swiper-button-prev,
.theme-gray .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-gray,
.speed-dial-buttons a.theme-gray,
.theme-gray .floating-button,
.theme-gray .speed-dial-buttons a {
	color: #fff;
	background: #9e9e9e
}

.floating-button.theme-gray.active-state,
.speed-dial-buttons a.theme-gray.active-state,
.theme-gray .floating-button.active-state,
.theme-gray .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-gray:active,
html:not(.watch-active-state) .theme-gray .floating-button:active,
html:not(.watch-active-state) .theme-gray .speed-dial-buttons a:active {
	background: #616161
}

.floating-button.theme-gray i,
.speed-dial-buttons a.theme-gray i,
.theme-gray .floating-button i,
.theme-gray .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-gray input[type=range]::-webkit-slider-thumb:before,
.theme-gray .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #9e9e9e
}

.range-slider.theme-gray input[type=range]::-webkit-slider-thumb,
.theme-gray .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #9e9e9e
}

.range-slider.theme-gray input[type=range]::-ms-thumb,
.theme-gray .range-slider input[type=range]::-ms-thumb {
	background-color: #9e9e9e
}

.range-slider.theme-gray input[type=range]::-ms-fill-lower,
.theme-gray .range-slider input[type=range]::-ms-fill-lower {
	background-color: #9e9e9e
}

.range-slider.theme-gray input[type=range]::-moz-range-thumb,
.theme-gray .range-slider input[type=range]::-moz-range-thumb {
	background-color: #9e9e9e
}

.badge.theme-gray {
	background-color: #9e9e9e;
	color: #fff
}

.theme-bluegray .button:not(.button-fill) {
	color: #607d8b
}

.theme-bluegray .navbar .button:not(.button-fill),
.theme-bluegray .subnavbar .button:not(.button-fill),
.theme-bluegray .toolbar .button:not(.button-fill),
.theme-bluegray.navbar .button:not(.button-fill),
.theme-bluegray.subnavbar .button:not(.button-fill),
.theme-bluegray.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-bluegray .button.button-fill {
	background: #607d8b;
	color: #fff
}

.theme-bluegray .button.button-fill.active-state,
html:not(.watch-active-state) .theme-bluegray .button.button-fill:active {
	background: #455A64
}

.progressbar.theme-bluegray,
.theme-bluegray .progressbar {
	background-color: rgba(96, 125, 139, .5)
}

.progressbar.theme-bluegray span,
.theme-bluegray .progressbar span {
	background-color: #607d8b
}

.progressbar-infinite.theme-bluegray,
.theme-bluegray .progressbar-infinite {
	background-color: rgba(96, 125, 139, .5)
}

.progressbar-infinite.theme-bluegray:after,
.progressbar-infinite.theme-bluegray:before,
.theme-bluegray .progressbar-infinite:after,
.theme-bluegray .progressbar-infinite:before {
	background-color: #607d8b
}

.color-bluegray i.icon,
i.icon.color-bluegray {
	color: #607d8b
}

i.icon-next.color-bluegray,
i.icon-next.theme-bluegray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-bluegray,
i.icon-prev.theme-bluegray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-bluegray,
i.icon-back.theme-bluegray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-bluegray,
i.icon-forward.theme-bluegray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-bluegray,
i.icon-bars.theme-bluegray {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

.theme-bluegray .card a,
.theme-bluegray a {
	color: #607d8b
}

.navbar.theme-bluegray,
.searchbar.theme-bluegray,
.subnavbar.theme-bluegray,
.theme-bluegray .navbar,
.theme-bluegray .searchbar,
.theme-bluegray .subnavbar,
.theme-bluegray .toolbar,
.toolbar.theme-bluegray {
	background-color: #607d8b
}

.label-switch.theme-bluegray input[type=checkbox]:checked+.checkbox,
.theme-bluegray .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(96, 125, 139, .5)
}

.label-switch.theme-bluegray input[type=checkbox]:checked+.checkbox:after,
.theme-bluegray .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #607d8b
}

.theme-bluegray label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-bluegray i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-bluegray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #607d8b;
	background-color: #607d8b
}

.theme-bluegray label.label-radio i.icon-form-radio:after,
label.label-radio.theme-bluegray i.icon-form-radio:after {
	background-color: #607d8b
}

.theme-bluegray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-bluegray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #607d8b
}

.theme-bluegray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #607d8b
}

.form-checkbox.theme-bluegray input[type=checkbox]:checked~i,
.theme-bluegray .form-checkbox input[type=checkbox]:checked~i {
	border-color: #607d8b;
	background-color: #607d8b
}

.form-radio.theme-bluegray input[type=radio]:checked~i,
.theme-bluegray .form-radio input[type=radio]:checked~i {
	border-color: #607d8b
}

.form-radio.theme-bluegray input[type=radio]:checked~i:after,
.theme-bluegray .form-radio input[type=radio]:checked~i:after {
	background-color: #607d8b
}

.theme-bluegray .form-checkbox .ripple-wave,
.theme-bluegray .form-radio .ripple-wave {
	background: rgba(96, 125, 139, .5)
}

.theme-bluegray .focus-state .floating-label,
.theme-bluegray .focus-state .label {
	color: #607d8b
}

.theme-bluegray .input-field.focus-state:after,
.theme-bluegray .input-field.not-empty-state:after,
.theme-bluegray .item-input-field.focus-state:after,
.theme-bluegray .item-input-field.not-empty-state:after {
	background: #607d8b
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-today span {
	color: #607d8b
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #607d8b;
	color: #fff
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #607d8b
}

.theme-bluegray .picker-header {
	background-color: #607d8b
}

.theme-bluegray .modal-button {
	color: #607d8b
}

.theme-bluegray .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-bluegray .timeline-item-date {
	background-color: #607d8b
}

.theme-bluegray .timeline-month-title,
.theme-bluegray .timeline-year-title {
	background-color: #607d8b
}

.theme-bluegray .statusbar-overlay {
	background-color: #263238
}

.data-table.theme-bluegray .data-table-header-selected,
.theme-bluegray .data-table .data-table-header-selected {
	background: rgba(96, 125, 139, .1)
}

.data-table.theme-bluegray .data-table-title-selected,
.theme-bluegray .data-table .data-table-title-selected {
	color: #607d8b
}

.swiper-pagination.color-bluegray .swiper-pagination-bullet-active,
.theme-bluegray .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #607d8b
}

.swiper-pagination.color-bluegray .swiper-pagination-progressbar,
.theme-bluegray .swiper-pagination .swiper-pagination-progressbar {
	background-color: #607d8b
}

.swiper-pagination.swiper-pagination-progress.bg-bluegray {
	background-color: rgba(96, 125, 139, .25)
}

.swiper-button-next.color-bluegray,
.swiper-container-rtl .swiper-button-prev.color-bluegray,
.theme-bluegray .swiper-button-next,
.theme-bluegray .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-bluegray,
.swiper-container-rtl .swiper-button-next.color-bluegray,
.theme-bluegray .swiper-button-prev,
.theme-bluegray .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-bluegray,
.speed-dial-buttons a.theme-bluegray,
.theme-bluegray .floating-button,
.theme-bluegray .speed-dial-buttons a {
	color: #fff;
	background: #607d8b
}

.floating-button.theme-bluegray.active-state,
.speed-dial-buttons a.theme-bluegray.active-state,
.theme-bluegray .floating-button.active-state,
.theme-bluegray .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-bluegray:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-bluegray:active,
html:not(.watch-active-state) .theme-bluegray .floating-button:active,
html:not(.watch-active-state) .theme-bluegray .speed-dial-buttons a:active {
	background: #455A64
}

.floating-button.theme-bluegray i,
.speed-dial-buttons a.theme-bluegray i,
.theme-bluegray .floating-button i,
.theme-bluegray .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb:before,
.theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb,
.theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-ms-thumb,
.theme-bluegray .range-slider input[type=range]::-ms-thumb {
	background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-ms-fill-lower,
.theme-bluegray .range-slider input[type=range]::-ms-fill-lower {
	background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-moz-range-thumb,
.theme-bluegray .range-slider input[type=range]::-moz-range-thumb {
	background-color: #607d8b
}

.badge.theme-bluegray {
	background-color: #607d8b;
	color: #fff
}

.theme-white .button:not(.button-fill) {
	color: #fff
}

.theme-white .navbar .button:not(.button-fill),
.theme-white .subnavbar .button:not(.button-fill),
.theme-white .toolbar .button:not(.button-fill),
.theme-white.navbar .button:not(.button-fill),
.theme-white.subnavbar .button:not(.button-fill),
.theme-white.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-white .button.button-fill {
	background: #fff;
	color: #fff
}

.theme-white .button.button-fill.active-state,
html:not(.watch-active-state) .theme-white .button.button-fill:active {
	background: rgba(0, 0, 0, .1)
}

.progressbar.theme-white,
.theme-white .progressbar {
	background-color: rgba(255, 255, 255, .5)
}

.progressbar.theme-white span,
.theme-white .progressbar span {
	background-color: #fff
}

.progressbar-infinite.theme-white,
.theme-white .progressbar-infinite {
	background-color: rgba(255, 255, 255, .5)
}

.progressbar-infinite.theme-white:after,
.progressbar-infinite.theme-white:before,
.theme-white .progressbar-infinite:after,
.theme-white .progressbar-infinite:before {
	background-color: #fff
}

.color-white i.icon,
i.icon.color-white {
	color: #fff
}

i.icon-next.color-white,
i.icon-next.theme-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-white,
i.icon-prev.theme-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-white,
i.icon-back.theme-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-white,
i.icon-forward.theme-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-white,
i.icon-bars.theme-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.theme-white .card a,
.theme-white a {
	color: #fff
}

.navbar.theme-white,
.searchbar.theme-white,
.subnavbar.theme-white,
.theme-white .navbar,
.theme-white .searchbar,
.theme-white .subnavbar,
.theme-white .toolbar,
.toolbar.theme-white {
	background-color: #fff
}

.label-switch.theme-white input[type=checkbox]:checked+.checkbox,
.theme-white .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(255, 255, 255, .5)
}

.label-switch.theme-white input[type=checkbox]:checked+.checkbox:after,
.theme-white .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #fff
}

.theme-white label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-white i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-white label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #fff;
	background-color: #fff
}

.theme-white label.label-radio i.icon-form-radio:after,
label.label-radio.theme-white i.icon-form-radio:after {
	background-color: #fff
}

.theme-white label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-white label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-white label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-white label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-white label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-white label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-white input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-white input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-white input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-white input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-white input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #fff
}

.theme-white label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-white label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-white label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-white label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-white label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-white label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-white input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-white input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-white input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-white input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-white input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #fff
}

.form-checkbox.theme-white input[type=checkbox]:checked~i,
.theme-white .form-checkbox input[type=checkbox]:checked~i {
	border-color: #fff;
	background-color: #fff
}

.form-radio.theme-white input[type=radio]:checked~i,
.theme-white .form-radio input[type=radio]:checked~i {
	border-color: #fff
}

.form-radio.theme-white input[type=radio]:checked~i:after,
.theme-white .form-radio input[type=radio]:checked~i:after {
	background-color: #fff
}

.theme-white .form-checkbox .ripple-wave,
.theme-white .form-radio .ripple-wave {
	background: rgba(255, 255, 255, .5)
}

.theme-white .focus-state .floating-label,
.theme-white .focus-state .label {
	color: #fff
}

.theme-white .input-field.focus-state:after,
.theme-white .input-field.not-empty-state:after,
.theme-white .item-input-field.focus-state:after,
.theme-white .item-input-field.not-empty-state:after {
	background: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-today span {
	color: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #fff;
	color: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #fff
}

.theme-white .picker-header {
	background-color: #fff
}

.theme-white .modal-button {
	color: #fff
}

.theme-white .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-white .timeline-item-date {
	background-color: #fff
}

.theme-white .timeline-month-title,
.theme-white .timeline-year-title {
	background-color: #fff
}

.theme-white .statusbar-overlay {
	background-color: #fff
}

.data-table.theme-white .data-table-header-selected,
.theme-white .data-table .data-table-header-selected {
	background: rgba(255, 255, 255, .1)
}

.data-table.theme-white .data-table-title-selected,
.theme-white .data-table .data-table-title-selected {
	color: #fff
}

.swiper-pagination.color-white .swiper-pagination-bullet-active,
.theme-white .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff
}

.swiper-pagination.color-white .swiper-pagination-progressbar,
.theme-white .swiper-pagination .swiper-pagination-progressbar {
	background-color: #fff
}

.swiper-pagination.swiper-pagination-progress.bg-white {
	background-color: rgba(255, 255, 255, .25)
}

.swiper-button-next.color-white,
.swiper-container-rtl .swiper-button-prev.color-white,
.theme-white .swiper-button-next,
.theme-white .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-white,
.swiper-container-rtl .swiper-button-next.color-white,
.theme-white .swiper-button-prev,
.theme-white .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-white,
.speed-dial-buttons a.theme-white,
.theme-white .floating-button,
.theme-white .speed-dial-buttons a {
	color: #fff;
	background: #fff
}

.floating-button.theme-white.active-state,
.speed-dial-buttons a.theme-white.active-state,
.theme-white .floating-button.active-state,
.theme-white .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-white:active,
html:not(.watch-active-state) .theme-white .floating-button:active,
html:not(.watch-active-state) .theme-white .speed-dial-buttons a:active {
	background: rgba(0, 0, 0, .1)
}

.floating-button.theme-white i,
.speed-dial-buttons a.theme-white i,
.theme-white .floating-button i,
.theme-white .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-white input[type=range]::-webkit-slider-thumb:before,
.theme-white .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #fff
}

.range-slider.theme-white input[type=range]::-webkit-slider-thumb,
.theme-white .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #fff
}

.range-slider.theme-white input[type=range]::-ms-thumb,
.theme-white .range-slider input[type=range]::-ms-thumb {
	background-color: #fff
}

.range-slider.theme-white input[type=range]::-ms-fill-lower,
.theme-white .range-slider input[type=range]::-ms-fill-lower {
	background-color: #fff
}

.range-slider.theme-white input[type=range]::-moz-range-thumb,
.theme-white .range-slider input[type=range]::-moz-range-thumb {
	background-color: #fff
}

.badge.theme-white {
	background-color: #fff;
	color: #fff
}

.theme-black .button:not(.button-fill) {
	color: #000
}

.theme-black .navbar .button:not(.button-fill),
.theme-black .subnavbar .button:not(.button-fill),
.theme-black .toolbar .button:not(.button-fill),
.theme-black.navbar .button:not(.button-fill),
.theme-black.subnavbar .button:not(.button-fill),
.theme-black.toolbar .button:not(.button-fill) {
	color: #fff
}

.theme-black .button.button-fill {
	background: #000;
	color: #fff
}

.theme-black .button.button-fill.active-state,
html:not(.watch-active-state) .theme-black .button.button-fill:active {
	background: #333
}

.progressbar.theme-black,
.theme-black .progressbar {
	background-color: rgba(0, 0, 0, .5)
}

.progressbar.theme-black span,
.theme-black .progressbar span {
	background-color: #000
}

.progressbar-infinite.theme-black,
.theme-black .progressbar-infinite {
	background-color: rgba(0, 0, 0, .5)
}

.progressbar-infinite.theme-black:after,
.progressbar-infinite.theme-black:before,
.theme-black .progressbar-infinite:after,
.theme-black .progressbar-infinite:before {
	background-color: #000
}

.color-black i.icon,
i.icon.color-black {
	color: #000
}

i.icon-next.color-black,
i.icon-next.theme-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-black,
i.icon-prev.theme-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-black,
i.icon-back.theme-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-black,
i.icon-forward.theme-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-black,
i.icon-bars.theme-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.theme-black .card a,
.theme-black a {
	color: #000
}

.navbar.theme-black,
.searchbar.theme-black,
.subnavbar.theme-black,
.theme-black .navbar,
.theme-black .searchbar,
.theme-black .subnavbar,
.theme-black .toolbar,
.toolbar.theme-black {
	background-color: #000
}

.label-switch.theme-black input[type=checkbox]:checked+.checkbox,
.theme-black .label-switch input[type=checkbox]:checked+.checkbox {
	background-color: rgba(0, 0, 0, .5)
}

.label-switch.theme-black input[type=checkbox]:checked+.checkbox:after,
.theme-black .label-switch input[type=checkbox]:checked+.checkbox:after {
	background-color: #000
}

.theme-black label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-black i.icon-form-checkbox:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
}

.theme-black label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked~.item-inner i.icon-form-checkbox {
	border-color: #000;
	background-color: #000
}

.theme-black label.label-radio i.icon-form-radio:after,
label.label-radio.theme-black i.icon-form-radio:after {
	background-color: #000
}

.theme-black label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-black label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-black label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-black label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-black label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-black label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-black input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-black input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-black input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-black input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-black input[type=radio]:checked~.item-inner i.icon-form-radio {
	border-color: #000
}

.theme-black label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-black label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-black label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-black label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-black label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-black label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-black input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-black input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-black input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-black input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-black input[type=radio]:checked~.item-inner i.icon-form-radio:after {
	background-color: #000
}

.form-checkbox.theme-black input[type=checkbox]:checked~i,
.theme-black .form-checkbox input[type=checkbox]:checked~i {
	border-color: #000;
	background-color: #000
}

.form-radio.theme-black input[type=radio]:checked~i,
.theme-black .form-radio input[type=radio]:checked~i {
	border-color: #000
}

.form-radio.theme-black input[type=radio]:checked~i:after,
.theme-black .form-radio input[type=radio]:checked~i:after {
	background-color: #000
}

.theme-black .form-checkbox .ripple-wave,
.theme-black .form-radio .ripple-wave {
	background: rgba(0, 0, 0, .5)
}

.theme-black .focus-state .floating-label,
.theme-black .focus-state .label {
	color: #000
}

.theme-black .input-field.focus-state:after,
.theme-black .input-field.not-empty-state:after,
.theme-black .item-input-field.focus-state:after,
.theme-black .item-input-field.not-empty-state:after {
	background: #000
}

.theme-black .picker-calendar-day.picker-calendar-day-today span {
	color: #000
}

.theme-black .picker-calendar-day.picker-calendar-day-selected span {
	background-color: #000;
	color: #fff
}

.theme-black .picker-calendar-day.picker-calendar-day-has-events span:after {
	background-color: #000
}

.theme-black .picker-header {
	background-color: #000
}

.theme-black .modal-button {
	color: #000
}

.theme-black .timeline-horizontal .timeline-item-date,
.timeline-horizontal.theme-black .timeline-item-date {
	background-color: #000
}

.theme-black .timeline-month-title,
.theme-black .timeline-year-title {
	background-color: #000
}

.theme-black .statusbar-overlay {
	background-color: #000
}

.data-table.theme-black .data-table-header-selected,
.theme-black .data-table .data-table-header-selected {
	background: rgba(0, 0, 0, .1)
}

.data-table.theme-black .data-table-title-selected,
.theme-black .data-table .data-table-title-selected {
	color: #000
}

.swiper-pagination.color-black .swiper-pagination-bullet-active,
.theme-black .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #000
}

.swiper-pagination.color-black .swiper-pagination-progressbar,
.theme-black .swiper-pagination .swiper-pagination-progressbar {
	background-color: #000
}

.swiper-pagination.swiper-pagination-progress.bg-black {
	background-color: rgba(0, 0, 0, .25)
}

.swiper-button-next.color-black,
.swiper-container-rtl .swiper-button-prev.color-black,
.theme-black .swiper-button-next,
.theme-black .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-black,
.swiper-container-rtl .swiper-button-next.color-black,
.theme-black .swiper-button-prev,
.theme-black .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-black,
.speed-dial-buttons a.theme-black,
.theme-black .floating-button,
.theme-black .speed-dial-buttons a {
	color: #fff;
	background: #000
}

.floating-button.theme-black.active-state,
.speed-dial-buttons a.theme-black.active-state,
.theme-black .floating-button.active-state,
.theme-black .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-black:active,
html:not(.watch-active-state) .theme-black .floating-button:active,
html:not(.watch-active-state) .theme-black .speed-dial-buttons a:active {
	background: #333
}

.floating-button.theme-black i,
.speed-dial-buttons a.theme-black i,
.theme-black .floating-button i,
.theme-black .speed-dial-buttons a i {
	color: inherit
}

.range-slider.theme-black input[type=range]::-webkit-slider-thumb:before,
.theme-black .range-slider input[type=range]::-webkit-slider-thumb:before {
	background-color: #000
}

.range-slider.theme-black input[type=range]::-webkit-slider-thumb,
.theme-black .range-slider input[type=range]::-webkit-slider-thumb {
	background-color: #000
}

.range-slider.theme-black input[type=range]::-ms-thumb,
.theme-black .range-slider input[type=range]::-ms-thumb {
	background-color: #000
}

.range-slider.theme-black input[type=range]::-ms-fill-lower,
.theme-black .range-slider input[type=range]::-ms-fill-lower {
	background-color: #000
}

.range-slider.theme-black input[type=range]::-moz-range-thumb,
.theme-black .range-slider input[type=range]::-moz-range-thumb {
	background-color: #000
}

.badge.theme-black {
	background-color: #000;
	color: #fff
}

.color-red {
	color: #f44336
}

.list-block .item-link.color-red,
.list-block .item-link.list-button.color-red,
.list-button.color-red,
.tabbar a.active.color-red,
a.color-red {
	color: #f44336
}

.label-switch input[type=checkbox]:checked+.checkbox.color-red,
.label-switch.color-red input[type=checkbox]:checked+.checkbox {
	background-color: #f44336
}

.button.color-red:not(.button-fill),
.color-red.buttons-row .button:not(.button-fill) {
	color: #f44336 !important
}

.button.button-fill.bg-red,
.button.button-fill.color-red {
	background: #f44336 !important;
	color: #fff
}

.button.button-fill.bg-red.active-state,
.button.button-fill.color-red.active-state,
html:not(.watch-active-state) .button.button-fill.bg-red:active,
html:not(.watch-active-state) .button.button-fill.color-red:active {
	background: #D32F2F !important
}

.progressbar.bg-red,
.progressbar.color-red {
	background-color: rgba(244, 67, 54, .5)
}

.progressbar.bg-red span,
.progressbar.color-red span {
	background-color: #f44336
}

.progressbar-infinite.bg-red,
.progressbar-infinite.color-red {
	background-color: rgba(244, 67, 54, .5)
}

.progressbar-infinite.bg-red:after,
.progressbar-infinite.bg-red:before,
.progressbar-infinite.color-red:after,
.progressbar-infinite.color-red:before {
	background-color: #f44336
}

.color-red i.icon,
i.icon.color-red {
	color: #f44336
}

.preloader.color-red svg circle,
.preloader.preloader-red svg circle {
	stroke: #f44336
}

.preloader.color-red .preloader-inner-gap,
.preloader.color-red .preloader-inner-half-circle,
.preloader.preloader-red .preloader-inner-gap,
.preloader.preloader-red .preloader-inner-half-circle {
	border-color: #f44336
}

.bg-red,
.list-block .swipeout-actions-left a.bg-red,
.list-block .swipeout-actions-right a.bg-red,
a.bg-red {
	background-color: #f44336
}

.list-block .bg-red .item-link.active-state,
.list-block .item-link.bg-red.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-red.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-red.active-state,
.list-block .item-linka.bg-red.active-state,
.list-block .list-block .swipeout-actions-left a.bg-red .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-red .item-link.active-state,
.list-block a.bg-red .item-link.active-state,
.list-block.bg-red .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-red .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-red .item-link.active-state,
.list-blocka.bg-red .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-red .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-red:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-red:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-red:active,
html:not(.watch-active-state) .list-block .item-linka.bg-red:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block.bg-red .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-red .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-red .item-link:active {
	background: #D32F2F
}

.border-red {
	border-color: #f44336
}

.border-red:after,
.border-red:before,
.list-block .border-red.item-inner:after,
.list-block .border-red.item-inner:before,
.list-block ul.border-red:after,
.list-block ul.border-red:before {
	background-color: #f44336
}

.floating-button.bg-red,
.floating-button.color-red,
.speed-dial-buttons a.bg-red,
.speed-dial-buttons a.color-red {
	color: #fff;
	background: #f44336
}

.floating-button.bg-red.active-state,
.floating-button.color-red.active-state,
.speed-dial-buttons a.bg-red.active-state,
.speed-dial-buttons a.color-red.active-state,
html:not(.watch-active-state) .floating-button.bg-red:active,
html:not(.watch-active-state) .floating-button.color-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-red:active {
	background: #D32F2F
}

.floating-button.bg-red i,
.floating-button.color-red i,
.speed-dial-buttons a.bg-red i,
.speed-dial-buttons a.color-red i {
	color: inherit
}

.ripple-red .ripple-wave {
	background-color: rgba(244, 67, 54, .3)
}

.range-slider.color-red input[type=range]::-webkit-slider-thumb:before {
	background-color: #f44336
}

.range-slider.color-red input[type=range]::-webkit-slider-thumb {
	background-color: #f44336
}

.range-slider.color-red input[type=range]::-ms-thumb {
	background-color: #f44336
}

.range-slider.color-red input[type=range]::-ms-fill-lower {
	background-color: #f44336
}

.range-slider.color-red input[type=range]::-moz-range-thumb {
	background-color: #f44336
}

.badge.color-red {
	background-color: #f44336;
	color: #fff
}

.color-pink {
	color: #e91e63
}

.list-block .item-link.color-pink,
.list-block .item-link.list-button.color-pink,
.list-button.color-pink,
.tabbar a.active.color-pink,
a.color-pink {
	color: #e91e63
}

.label-switch input[type=checkbox]:checked+.checkbox.color-pink,
.label-switch.color-pink input[type=checkbox]:checked+.checkbox {
	background-color: #e91e63
}

.button.color-pink:not(.button-fill),
.color-pink.buttons-row .button:not(.button-fill) {
	color: #e91e63 !important
}

.button.button-fill.bg-pink,
.button.button-fill.color-pink {
	background: #e91e63 !important;
	color: #fff
}

.button.button-fill.bg-pink.active-state,
.button.button-fill.color-pink.active-state,
html:not(.watch-active-state) .button.button-fill.bg-pink:active,
html:not(.watch-active-state) .button.button-fill.color-pink:active {
	background: #C2185B !important
}

.progressbar.bg-pink,
.progressbar.color-pink {
	background-color: rgba(233, 30, 99, .5)
}

.progressbar.bg-pink span,
.progressbar.color-pink span {
	background-color: #e91e63
}

.progressbar-infinite.bg-pink,
.progressbar-infinite.color-pink {
	background-color: rgba(233, 30, 99, .5)
}

.progressbar-infinite.bg-pink:after,
.progressbar-infinite.bg-pink:before,
.progressbar-infinite.color-pink:after,
.progressbar-infinite.color-pink:before {
	background-color: #e91e63
}

.color-pink i.icon,
i.icon.color-pink {
	color: #e91e63
}

.preloader.color-pink svg circle,
.preloader.preloader-pink svg circle {
	stroke: #e91e63
}

.preloader.color-pink .preloader-inner-gap,
.preloader.color-pink .preloader-inner-half-circle,
.preloader.preloader-pink .preloader-inner-gap,
.preloader.preloader-pink .preloader-inner-half-circle {
	border-color: #e91e63
}

.bg-pink,
.list-block .swipeout-actions-left a.bg-pink,
.list-block .swipeout-actions-right a.bg-pink,
a.bg-pink {
	background-color: #e91e63
}

.list-block .bg-pink .item-link.active-state,
.list-block .item-link.bg-pink.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-pink.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-pink.active-state,
.list-block .item-linka.bg-pink.active-state,
.list-block .list-block .swipeout-actions-left a.bg-pink .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-pink .item-link.active-state,
.list-block a.bg-pink .item-link.active-state,
.list-block.bg-pink .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-pink .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-pink .item-link.active-state,
.list-blocka.bg-pink .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-pink .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-pink:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-pink:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-pink:active,
html:not(.watch-active-state) .list-block .item-linka.bg-pink:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-pink .item-link:active {
	background: #C2185B
}

.border-pink {
	border-color: #e91e63
}

.border-pink:after,
.border-pink:before,
.list-block .border-pink.item-inner:after,
.list-block .border-pink.item-inner:before,
.list-block ul.border-pink:after,
.list-block ul.border-pink:before {
	background-color: #e91e63
}

.floating-button.bg-pink,
.floating-button.color-pink,
.speed-dial-buttons a.bg-pink,
.speed-dial-buttons a.color-pink {
	color: #fff;
	background: #e91e63
}

.floating-button.bg-pink.active-state,
.floating-button.color-pink.active-state,
.speed-dial-buttons a.bg-pink.active-state,
.speed-dial-buttons a.color-pink.active-state,
html:not(.watch-active-state) .floating-button.bg-pink:active,
html:not(.watch-active-state) .floating-button.color-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-pink:active {
	background: #C2185B
}

.floating-button.bg-pink i,
.floating-button.color-pink i,
.speed-dial-buttons a.bg-pink i,
.speed-dial-buttons a.color-pink i {
	color: inherit
}

.ripple-pink .ripple-wave {
	background-color: rgba(233, 30, 99, .3)
}

.range-slider.color-pink input[type=range]::-webkit-slider-thumb:before {
	background-color: #e91e63
}

.range-slider.color-pink input[type=range]::-webkit-slider-thumb {
	background-color: #e91e63
}

.range-slider.color-pink input[type=range]::-ms-thumb {
	background-color: #e91e63
}

.range-slider.color-pink input[type=range]::-ms-fill-lower {
	background-color: #e91e63
}

.range-slider.color-pink input[type=range]::-moz-range-thumb {
	background-color: #e91e63
}

.badge.color-pink {
	background-color: #e91e63;
	color: #fff
}

.color-purple {
	color: #9c27b0
}

.list-block .item-link.color-purple,
.list-block .item-link.list-button.color-purple,
.list-button.color-purple,
.tabbar a.active.color-purple,
a.color-purple {
	color: #9c27b0
}

.label-switch input[type=checkbox]:checked+.checkbox.color-purple,
.label-switch.color-purple input[type=checkbox]:checked+.checkbox {
	background-color: #9c27b0
}

.button.color-purple:not(.button-fill),
.color-purple.buttons-row .button:not(.button-fill) {
	color: #9c27b0 !important
}

.button.button-fill.bg-purple,
.button.button-fill.color-purple {
	background: #9c27b0 !important;
	color: #fff
}

.button.button-fill.bg-purple.active-state,
.button.button-fill.color-purple.active-state,
html:not(.watch-active-state) .button.button-fill.bg-purple:active,
html:not(.watch-active-state) .button.button-fill.color-purple:active {
	background: #7B1FA2 !important
}

.progressbar.bg-purple,
.progressbar.color-purple {
	background-color: rgba(156, 39, 176, .5)
}

.progressbar.bg-purple span,
.progressbar.color-purple span {
	background-color: #9c27b0
}

.progressbar-infinite.bg-purple,
.progressbar-infinite.color-purple {
	background-color: rgba(156, 39, 176, .5)
}

.progressbar-infinite.bg-purple:after,
.progressbar-infinite.bg-purple:before,
.progressbar-infinite.color-purple:after,
.progressbar-infinite.color-purple:before {
	background-color: #9c27b0
}

.color-purple i.icon,
i.icon.color-purple {
	color: #9c27b0
}

.preloader.color-purple svg circle,
.preloader.preloader-purple svg circle {
	stroke: #9c27b0
}

.preloader.color-purple .preloader-inner-gap,
.preloader.color-purple .preloader-inner-half-circle,
.preloader.preloader-purple .preloader-inner-gap,
.preloader.preloader-purple .preloader-inner-half-circle {
	border-color: #9c27b0
}

.bg-purple,
.list-block .swipeout-actions-left a.bg-purple,
.list-block .swipeout-actions-right a.bg-purple,
a.bg-purple {
	background-color: #9c27b0
}

.list-block .bg-purple .item-link.active-state,
.list-block .item-link.bg-purple.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-purple.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-purple.active-state,
.list-block .item-linka.bg-purple.active-state,
.list-block .list-block .swipeout-actions-left a.bg-purple .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-purple .item-link.active-state,
.list-block a.bg-purple .item-link.active-state,
.list-block.bg-purple .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-purple .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-purple .item-link.active-state,
.list-blocka.bg-purple .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-purple .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-purple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-purple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-purple:active,
html:not(.watch-active-state) .list-block .item-linka.bg-purple:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-purple .item-link:active {
	background: #7B1FA2
}

.border-purple {
	border-color: #9c27b0
}

.border-purple:after,
.border-purple:before,
.list-block .border-purple.item-inner:after,
.list-block .border-purple.item-inner:before,
.list-block ul.border-purple:after,
.list-block ul.border-purple:before {
	background-color: #9c27b0
}

.floating-button.bg-purple,
.floating-button.color-purple,
.speed-dial-buttons a.bg-purple,
.speed-dial-buttons a.color-purple {
	color: #fff;
	background: #9c27b0
}

.floating-button.bg-purple.active-state,
.floating-button.color-purple.active-state,
.speed-dial-buttons a.bg-purple.active-state,
.speed-dial-buttons a.color-purple.active-state,
html:not(.watch-active-state) .floating-button.bg-purple:active,
html:not(.watch-active-state) .floating-button.color-purple:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-purple:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-purple:active {
	background: #7B1FA2
}

.floating-button.bg-purple i,
.floating-button.color-purple i,
.speed-dial-buttons a.bg-purple i,
.speed-dial-buttons a.color-purple i {
	color: inherit
}

.ripple-purple .ripple-wave {
	background-color: rgba(156, 39, 176, .3)
}

.range-slider.color-purple input[type=range]::-webkit-slider-thumb:before {
	background-color: #9c27b0
}

.range-slider.color-purple input[type=range]::-webkit-slider-thumb {
	background-color: #9c27b0
}

.range-slider.color-purple input[type=range]::-ms-thumb {
	background-color: #9c27b0
}

.range-slider.color-purple input[type=range]::-ms-fill-lower {
	background-color: #9c27b0
}

.range-slider.color-purple input[type=range]::-moz-range-thumb {
	background-color: #9c27b0
}

.badge.color-purple {
	background-color: #9c27b0;
	color: #fff
}

.color-deeppurple {
	color: #673ab7
}

.list-block .item-link.color-deeppurple,
.list-block .item-link.list-button.color-deeppurple,
.list-button.color-deeppurple,
.tabbar a.active.color-deeppurple,
a.color-deeppurple {
	color: #673ab7
}

.label-switch input[type=checkbox]:checked+.checkbox.color-deeppurple,
.label-switch.color-deeppurple input[type=checkbox]:checked+.checkbox {
	background-color: #673ab7
}

.button.color-deeppurple:not(.button-fill),
.color-deeppurple.buttons-row .button:not(.button-fill) {
	color: #673ab7 !important
}

.button.button-fill.bg-deeppurple,
.button.button-fill.color-deeppurple {
	background: #673ab7 !important;
	color: #fff
}

.button.button-fill.bg-deeppurple.active-state,
.button.button-fill.color-deeppurple.active-state,
html:not(.watch-active-state) .button.button-fill.bg-deeppurple:active,
html:not(.watch-active-state) .button.button-fill.color-deeppurple:active {
	background: #512DA8 !important
}

.progressbar.bg-deeppurple,
.progressbar.color-deeppurple {
	background-color: rgba(103, 58, 183, .5)
}

.progressbar.bg-deeppurple span,
.progressbar.color-deeppurple span {
	background-color: #673ab7
}

.progressbar-infinite.bg-deeppurple,
.progressbar-infinite.color-deeppurple {
	background-color: rgba(103, 58, 183, .5)
}

.progressbar-infinite.bg-deeppurple:after,
.progressbar-infinite.bg-deeppurple:before,
.progressbar-infinite.color-deeppurple:after,
.progressbar-infinite.color-deeppurple:before {
	background-color: #673ab7
}

.color-deeppurple i.icon,
i.icon.color-deeppurple {
	color: #673ab7
}

.preloader.color-deeppurple svg circle,
.preloader.preloader-deeppurple svg circle {
	stroke: #673ab7
}

.preloader.color-deeppurple .preloader-inner-gap,
.preloader.color-deeppurple .preloader-inner-half-circle,
.preloader.preloader-deeppurple .preloader-inner-gap,
.preloader.preloader-deeppurple .preloader-inner-half-circle {
	border-color: #673ab7
}

.bg-deeppurple,
.list-block .swipeout-actions-left a.bg-deeppurple,
.list-block .swipeout-actions-right a.bg-deeppurple,
a.bg-deeppurple {
	background-color: #673ab7
}

.list-block .bg-deeppurple .item-link.active-state,
.list-block .item-link.bg-deeppurple.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple.active-state,
.list-block .item-linka.bg-deeppurple.active-state,
.list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state,
.list-block a.bg-deeppurple .item-link.active-state,
.list-block.bg-deeppurple .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state,
.list-blocka.bg-deeppurple .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .item-linka.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-deeppurple .item-link:active {
	background: #512DA8
}

.border-deeppurple {
	border-color: #673ab7
}

.border-deeppurple:after,
.border-deeppurple:before,
.list-block .border-deeppurple.item-inner:after,
.list-block .border-deeppurple.item-inner:before,
.list-block ul.border-deeppurple:after,
.list-block ul.border-deeppurple:before {
	background-color: #673ab7
}

.floating-button.bg-deeppurple,
.floating-button.color-deeppurple,
.speed-dial-buttons a.bg-deeppurple,
.speed-dial-buttons a.color-deeppurple {
	color: #fff;
	background: #673ab7
}

.floating-button.bg-deeppurple.active-state,
.floating-button.color-deeppurple.active-state,
.speed-dial-buttons a.bg-deeppurple.active-state,
.speed-dial-buttons a.color-deeppurple.active-state,
html:not(.watch-active-state) .floating-button.bg-deeppurple:active,
html:not(.watch-active-state) .floating-button.color-deeppurple:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-deeppurple:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-deeppurple:active {
	background: #512DA8
}

.floating-button.bg-deeppurple i,
.floating-button.color-deeppurple i,
.speed-dial-buttons a.bg-deeppurple i,
.speed-dial-buttons a.color-deeppurple i {
	color: inherit
}

.ripple-deeppurple .ripple-wave {
	background-color: rgba(103, 58, 183, .3)
}

.range-slider.color-deeppurple input[type=range]::-webkit-slider-thumb:before {
	background-color: #673ab7
}

.range-slider.color-deeppurple input[type=range]::-webkit-slider-thumb {
	background-color: #673ab7
}

.range-slider.color-deeppurple input[type=range]::-ms-thumb {
	background-color: #673ab7
}

.range-slider.color-deeppurple input[type=range]::-ms-fill-lower {
	background-color: #673ab7
}

.range-slider.color-deeppurple input[type=range]::-moz-range-thumb {
	background-color: #673ab7
}

.badge.color-deeppurple {
	background-color: #673ab7;
	color: #fff
}

.color-indigo {
	color: #3f51b5
}

.list-block .item-link.color-indigo,
.list-block .item-link.list-button.color-indigo,
.list-button.color-indigo,
.tabbar a.active.color-indigo,
a.color-indigo {
	color: #3f51b5
}

.label-switch input[type=checkbox]:checked+.checkbox.color-indigo,
.label-switch.color-indigo input[type=checkbox]:checked+.checkbox {
	background-color: #3f51b5
}

.button.color-indigo:not(.button-fill),
.color-indigo.buttons-row .button:not(.button-fill) {
	color: #3f51b5 !important
}

.button.button-fill.bg-indigo,
.button.button-fill.color-indigo {
	background: #3f51b5 !important;
	color: #fff
}

.button.button-fill.bg-indigo.active-state,
.button.button-fill.color-indigo.active-state,
html:not(.watch-active-state) .button.button-fill.bg-indigo:active,
html:not(.watch-active-state) .button.button-fill.color-indigo:active {
	background: #303F9F !important
}

.progressbar.bg-indigo,
.progressbar.color-indigo {
	background-color: rgba(63, 81, 181, .5)
}

.progressbar.bg-indigo span,
.progressbar.color-indigo span {
	background-color: #3f51b5
}

.progressbar-infinite.bg-indigo,
.progressbar-infinite.color-indigo {
	background-color: rgba(63, 81, 181, .5)
}

.progressbar-infinite.bg-indigo:after,
.progressbar-infinite.bg-indigo:before,
.progressbar-infinite.color-indigo:after,
.progressbar-infinite.color-indigo:before {
	background-color: #3f51b5
}

.color-indigo i.icon,
i.icon.color-indigo {
	color: #3f51b5
}

.preloader.color-indigo svg circle,
.preloader.preloader-indigo svg circle {
	stroke: #3f51b5
}

.preloader.color-indigo .preloader-inner-gap,
.preloader.color-indigo .preloader-inner-half-circle,
.preloader.preloader-indigo .preloader-inner-gap,
.preloader.preloader-indigo .preloader-inner-half-circle {
	border-color: #3f51b5
}

.bg-indigo,
.list-block .swipeout-actions-left a.bg-indigo,
.list-block .swipeout-actions-right a.bg-indigo,
a.bg-indigo {
	background-color: #3f51b5
}

.list-block .bg-indigo .item-link.active-state,
.list-block .item-link.bg-indigo.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-indigo.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-indigo.active-state,
.list-block .item-linka.bg-indigo.active-state,
.list-block .list-block .swipeout-actions-left a.bg-indigo .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-indigo .item-link.active-state,
.list-block a.bg-indigo .item-link.active-state,
.list-block.bg-indigo .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-indigo .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-indigo .item-link.active-state,
.list-blocka.bg-indigo .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-indigo:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-indigo:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-indigo:active,
html:not(.watch-active-state) .list-block .item-linka.bg-indigo:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-indigo .item-link:active {
	background: #303F9F
}

.border-indigo {
	border-color: #3f51b5
}

.border-indigo:after,
.border-indigo:before,
.list-block .border-indigo.item-inner:after,
.list-block .border-indigo.item-inner:before,
.list-block ul.border-indigo:after,
.list-block ul.border-indigo:before {
	background-color: #3f51b5
}

.floating-button.bg-indigo,
.floating-button.color-indigo,
.speed-dial-buttons a.bg-indigo,
.speed-dial-buttons a.color-indigo {
	color: #fff;
	background: #3f51b5
}

.floating-button.bg-indigo.active-state,
.floating-button.color-indigo.active-state,
.speed-dial-buttons a.bg-indigo.active-state,
.speed-dial-buttons a.color-indigo.active-state,
html:not(.watch-active-state) .floating-button.bg-indigo:active,
html:not(.watch-active-state) .floating-button.color-indigo:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-indigo:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-indigo:active {
	background: #303F9F
}

.floating-button.bg-indigo i,
.floating-button.color-indigo i,
.speed-dial-buttons a.bg-indigo i,
.speed-dial-buttons a.color-indigo i {
	color: inherit
}

.ripple-indigo .ripple-wave {
	background-color: rgba(63, 81, 181, .3)
}

.range-slider.color-indigo input[type=range]::-webkit-slider-thumb:before {
	background-color: #3f51b5
}

.range-slider.color-indigo input[type=range]::-webkit-slider-thumb {
	background-color: #3f51b5
}

.range-slider.color-indigo input[type=range]::-ms-thumb {
	background-color: #3f51b5
}

.range-slider.color-indigo input[type=range]::-ms-fill-lower {
	background-color: #3f51b5
}

.range-slider.color-indigo input[type=range]::-moz-range-thumb {
	background-color: #3f51b5
}

.badge.color-indigo {
	background-color: #3f51b5;
	color: #fff
}

.color-blue {
	color: #2196f3
}

.list-block .item-link.color-blue,
.list-block .item-link.list-button.color-blue,
.list-button.color-blue,
.tabbar a.active.color-blue,
a.color-blue {
	color: #2196f3
}

.label-switch input[type=checkbox]:checked+.checkbox.color-blue,
.label-switch.color-blue input[type=checkbox]:checked+.checkbox {
	background-color: #2196f3
}

.button.color-blue:not(.button-fill),
.color-blue.buttons-row .button:not(.button-fill) {
	color: #2196f3 !important
}

.button.button-fill.bg-blue,
.button.button-fill.color-blue {
	background: #2196f3 !important;
	color: #fff
}

.button.button-fill.bg-blue.active-state,
.button.button-fill.color-blue.active-state,
html:not(.watch-active-state) .button.button-fill.bg-blue:active,
html:not(.watch-active-state) .button.button-fill.color-blue:active {
	background: #1976D2 !important
}

.progressbar.bg-blue,
.progressbar.color-blue {
	background-color: rgba(33, 150, 243, .5)
}

.progressbar.bg-blue span,
.progressbar.color-blue span {
	background-color: #2196f3
}

.progressbar-infinite.bg-blue,
.progressbar-infinite.color-blue {
	background-color: rgba(33, 150, 243, .5)
}

.progressbar-infinite.bg-blue:after,
.progressbar-infinite.bg-blue:before,
.progressbar-infinite.color-blue:after,
.progressbar-infinite.color-blue:before {
	background-color: #2196f3
}

.color-blue i.icon,
i.icon.color-blue {
	color: #2196f3
}

.preloader.color-blue svg circle,
.preloader.preloader-blue svg circle {
	stroke: #2196f3
}

.preloader.color-blue .preloader-inner-gap,
.preloader.color-blue .preloader-inner-half-circle,
.preloader.preloader-blue .preloader-inner-gap,
.preloader.preloader-blue .preloader-inner-half-circle {
	border-color: #2196f3
}

.bg-blue,
.list-block .swipeout-actions-left a.bg-blue,
.list-block .swipeout-actions-right a.bg-blue,
a.bg-blue {
	background-color: #2196f3
}

.list-block .bg-blue .item-link.active-state,
.list-block .item-link.bg-blue.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-blue.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-blue.active-state,
.list-block .item-linka.bg-blue.active-state,
.list-block .list-block .swipeout-actions-left a.bg-blue .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-blue .item-link.active-state,
.list-block a.bg-blue .item-link.active-state,
.list-block.bg-blue .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-blue .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-blue .item-link.active-state,
.list-blocka.bg-blue .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-blue .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-blue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-blue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-blue:active,
html:not(.watch-active-state) .list-block .item-linka.bg-blue:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-blue .item-link:active {
	background: #1976D2
}

.border-blue {
	border-color: #2196f3
}

.border-blue:after,
.border-blue:before,
.list-block .border-blue.item-inner:after,
.list-block .border-blue.item-inner:before,
.list-block ul.border-blue:after,
.list-block ul.border-blue:before {
	background-color: #2196f3
}

.floating-button.bg-blue,
.floating-button.color-blue,
.speed-dial-buttons a.bg-blue,
.speed-dial-buttons a.color-blue {
	color: #fff;
	background: #2196f3
}

.floating-button.bg-blue.active-state,
.floating-button.color-blue.active-state,
.speed-dial-buttons a.bg-blue.active-state,
.speed-dial-buttons a.color-blue.active-state,
html:not(.watch-active-state) .floating-button.bg-blue:active,
html:not(.watch-active-state) .floating-button.color-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-blue:active {
	background: #1976D2
}

.floating-button.bg-blue i,
.floating-button.color-blue i,
.speed-dial-buttons a.bg-blue i,
.speed-dial-buttons a.color-blue i {
	color: inherit
}

.ripple-blue .ripple-wave {
	background-color: rgba(33, 150, 243, .3)
}

.range-slider.color-blue input[type=range]::-webkit-slider-thumb:before {
	background-color: #2196f3
}

.range-slider.color-blue input[type=range]::-webkit-slider-thumb {
	background-color: #2196f3
}

.range-slider.color-blue input[type=range]::-ms-thumb {
	background-color: #2196f3
}

.range-slider.color-blue input[type=range]::-ms-fill-lower {
	background-color: #2196f3
}

.range-slider.color-blue input[type=range]::-moz-range-thumb {
	background-color: #2196f3
}

.badge.color-blue {
	background-color: #2196f3;
	color: #fff
}

.color-lightblue {
	color: #03a9f4
}

.list-block .item-link.color-lightblue,
.list-block .item-link.list-button.color-lightblue,
.list-button.color-lightblue,
.tabbar a.active.color-lightblue,
a.color-lightblue {
	color: #03a9f4
}

.label-switch input[type=checkbox]:checked+.checkbox.color-lightblue,
.label-switch.color-lightblue input[type=checkbox]:checked+.checkbox {
	background-color: #03a9f4
}

.button.color-lightblue:not(.button-fill),
.color-lightblue.buttons-row .button:not(.button-fill) {
	color: #03a9f4 !important
}

.button.button-fill.bg-lightblue,
.button.button-fill.color-lightblue {
	background: #03a9f4 !important;
	color: #fff
}

.button.button-fill.bg-lightblue.active-state,
.button.button-fill.color-lightblue.active-state,
html:not(.watch-active-state) .button.button-fill.bg-lightblue:active,
html:not(.watch-active-state) .button.button-fill.color-lightblue:active {
	background: #0288D1 !important
}

.progressbar.bg-lightblue,
.progressbar.color-lightblue {
	background-color: rgba(3, 169, 244, .5)
}

.progressbar.bg-lightblue span,
.progressbar.color-lightblue span {
	background-color: #03a9f4
}

.progressbar-infinite.bg-lightblue,
.progressbar-infinite.color-lightblue {
	background-color: rgba(3, 169, 244, .5)
}

.progressbar-infinite.bg-lightblue:after,
.progressbar-infinite.bg-lightblue:before,
.progressbar-infinite.color-lightblue:after,
.progressbar-infinite.color-lightblue:before {
	background-color: #03a9f4
}

.color-lightblue i.icon,
i.icon.color-lightblue {
	color: #03a9f4
}

.preloader.color-lightblue svg circle,
.preloader.preloader-lightblue svg circle {
	stroke: #03a9f4
}

.preloader.color-lightblue .preloader-inner-gap,
.preloader.color-lightblue .preloader-inner-half-circle,
.preloader.preloader-lightblue .preloader-inner-gap,
.preloader.preloader-lightblue .preloader-inner-half-circle {
	border-color: #03a9f4
}

.bg-lightblue,
.list-block .swipeout-actions-left a.bg-lightblue,
.list-block .swipeout-actions-right a.bg-lightblue,
a.bg-lightblue {
	background-color: #03a9f4
}

.list-block .bg-lightblue .item-link.active-state,
.list-block .item-link.bg-lightblue.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue.active-state,
.list-block .item-linka.bg-lightblue.active-state,
.list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state,
.list-block a.bg-lightblue .item-link.active-state,
.list-block.bg-lightblue .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state,
.list-blocka.bg-lightblue .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-lightblue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue:active,
html:not(.watch-active-state) .list-block .item-linka.bg-lightblue:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-lightblue .item-link:active {
	background: #0288D1
}

.border-lightblue {
	border-color: #03a9f4
}

.border-lightblue:after,
.border-lightblue:before,
.list-block .border-lightblue.item-inner:after,
.list-block .border-lightblue.item-inner:before,
.list-block ul.border-lightblue:after,
.list-block ul.border-lightblue:before {
	background-color: #03a9f4
}

.floating-button.bg-lightblue,
.floating-button.color-lightblue,
.speed-dial-buttons a.bg-lightblue,
.speed-dial-buttons a.color-lightblue {
	color: #fff;
	background: #03a9f4
}

.floating-button.bg-lightblue.active-state,
.floating-button.color-lightblue.active-state,
.speed-dial-buttons a.bg-lightblue.active-state,
.speed-dial-buttons a.color-lightblue.active-state,
html:not(.watch-active-state) .floating-button.bg-lightblue:active,
html:not(.watch-active-state) .floating-button.color-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lightblue:active {
	background: #0288D1
}

.floating-button.bg-lightblue i,
.floating-button.color-lightblue i,
.speed-dial-buttons a.bg-lightblue i,
.speed-dial-buttons a.color-lightblue i {
	color: inherit
}

.ripple-lightblue .ripple-wave {
	background-color: rgba(3, 169, 244, .3)
}

.range-slider.color-lightblue input[type=range]::-webkit-slider-thumb:before {
	background-color: #03a9f4
}

.range-slider.color-lightblue input[type=range]::-webkit-slider-thumb {
	background-color: #03a9f4
}

.range-slider.color-lightblue input[type=range]::-ms-thumb {
	background-color: #03a9f4
}

.range-slider.color-lightblue input[type=range]::-ms-fill-lower {
	background-color: #03a9f4
}

.range-slider.color-lightblue input[type=range]::-moz-range-thumb {
	background-color: #03a9f4
}

.badge.color-lightblue {
	background-color: #03a9f4;
	color: #fff
}

.color-cyan {
	color: #00bcd4
}

.list-block .item-link.color-cyan,
.list-block .item-link.list-button.color-cyan,
.list-button.color-cyan,
.tabbar a.active.color-cyan,
a.color-cyan {
	color: #00bcd4
}

.label-switch input[type=checkbox]:checked+.checkbox.color-cyan,
.label-switch.color-cyan input[type=checkbox]:checked+.checkbox {
	background-color: #00bcd4
}

.button.color-cyan:not(.button-fill),
.color-cyan.buttons-row .button:not(.button-fill) {
	color: #00bcd4 !important
}

.button.button-fill.bg-cyan,
.button.button-fill.color-cyan {
	background: #00bcd4 !important;
	color: #fff
}

.button.button-fill.bg-cyan.active-state,
.button.button-fill.color-cyan.active-state,
html:not(.watch-active-state) .button.button-fill.bg-cyan:active,
html:not(.watch-active-state) .button.button-fill.color-cyan:active {
	background: #0097A7 !important
}

.progressbar.bg-cyan,
.progressbar.color-cyan {
	background-color: rgba(0, 188, 212, .5)
}

.progressbar.bg-cyan span,
.progressbar.color-cyan span {
	background-color: #00bcd4
}

.progressbar-infinite.bg-cyan,
.progressbar-infinite.color-cyan {
	background-color: rgba(0, 188, 212, .5)
}

.progressbar-infinite.bg-cyan:after,
.progressbar-infinite.bg-cyan:before,
.progressbar-infinite.color-cyan:after,
.progressbar-infinite.color-cyan:before {
	background-color: #00bcd4
}

.color-cyan i.icon,
i.icon.color-cyan {
	color: #00bcd4
}

.preloader.color-cyan svg circle,
.preloader.preloader-cyan svg circle {
	stroke: #00bcd4
}

.preloader.color-cyan .preloader-inner-gap,
.preloader.color-cyan .preloader-inner-half-circle,
.preloader.preloader-cyan .preloader-inner-gap,
.preloader.preloader-cyan .preloader-inner-half-circle {
	border-color: #00bcd4
}

.bg-cyan,
.list-block .swipeout-actions-left a.bg-cyan,
.list-block .swipeout-actions-right a.bg-cyan,
a.bg-cyan {
	background-color: #00bcd4
}

.list-block .bg-cyan .item-link.active-state,
.list-block .item-link.bg-cyan.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-cyan.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-cyan.active-state,
.list-block .item-linka.bg-cyan.active-state,
.list-block .list-block .swipeout-actions-left a.bg-cyan .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-cyan .item-link.active-state,
.list-block a.bg-cyan .item-link.active-state,
.list-block.bg-cyan .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-cyan .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-cyan .item-link.active-state,
.list-blocka.bg-cyan .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-cyan:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-cyan:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-cyan:active,
html:not(.watch-active-state) .list-block .item-linka.bg-cyan:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-cyan .item-link:active {
	background: #0097A7
}

.border-cyan {
	border-color: #00bcd4
}

.border-cyan:after,
.border-cyan:before,
.list-block .border-cyan.item-inner:after,
.list-block .border-cyan.item-inner:before,
.list-block ul.border-cyan:after,
.list-block ul.border-cyan:before {
	background-color: #00bcd4
}

.floating-button.bg-cyan,
.floating-button.color-cyan,
.speed-dial-buttons a.bg-cyan,
.speed-dial-buttons a.color-cyan {
	color: #fff;
	background: #00bcd4
}

.floating-button.bg-cyan.active-state,
.floating-button.color-cyan.active-state,
.speed-dial-buttons a.bg-cyan.active-state,
.speed-dial-buttons a.color-cyan.active-state,
html:not(.watch-active-state) .floating-button.bg-cyan:active,
html:not(.watch-active-state) .floating-button.color-cyan:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-cyan:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-cyan:active {
	background: #0097A7
}

.floating-button.bg-cyan i,
.floating-button.color-cyan i,
.speed-dial-buttons a.bg-cyan i,
.speed-dial-buttons a.color-cyan i {
	color: inherit
}

.ripple-cyan .ripple-wave {
	background-color: rgba(0, 188, 212, .3)
}

.range-slider.color-cyan input[type=range]::-webkit-slider-thumb:before {
	background-color: #00bcd4
}

.range-slider.color-cyan input[type=range]::-webkit-slider-thumb {
	background-color: #00bcd4
}

.range-slider.color-cyan input[type=range]::-ms-thumb {
	background-color: #00bcd4
}

.range-slider.color-cyan input[type=range]::-ms-fill-lower {
	background-color: #00bcd4
}

.range-slider.color-cyan input[type=range]::-moz-range-thumb {
	background-color: #00bcd4
}

.badge.color-cyan {
	background-color: #00bcd4;
	color: #fff
}

.color-teal {
	color: #009688
}

.list-block .item-link.color-teal,
.list-block .item-link.list-button.color-teal,
.list-button.color-teal,
.tabbar a.active.color-teal,
a.color-teal {
	color: #009688
}

.label-switch input[type=checkbox]:checked+.checkbox.color-teal,
.label-switch.color-teal input[type=checkbox]:checked+.checkbox {
	background-color: #009688
}

.button.color-teal:not(.button-fill),
.color-teal.buttons-row .button:not(.button-fill) {
	color: #009688 !important
}

.button.button-fill.bg-teal,
.button.button-fill.color-teal {
	background: #009688 !important;
	color: #fff
}

.button.button-fill.bg-teal.active-state,
.button.button-fill.color-teal.active-state,
html:not(.watch-active-state) .button.button-fill.bg-teal:active,
html:not(.watch-active-state) .button.button-fill.color-teal:active {
	background: #00897B !important
}

.progressbar.bg-teal,
.progressbar.color-teal {
	background-color: rgba(0, 150, 136, .5)
}

.progressbar.bg-teal span,
.progressbar.color-teal span {
	background-color: #009688
}

.progressbar-infinite.bg-teal,
.progressbar-infinite.color-teal {
	background-color: rgba(0, 150, 136, .5)
}

.progressbar-infinite.bg-teal:after,
.progressbar-infinite.bg-teal:before,
.progressbar-infinite.color-teal:after,
.progressbar-infinite.color-teal:before {
	background-color: #009688
}

.color-teal i.icon,
i.icon.color-teal {
	color: #009688
}

.preloader.color-teal svg circle,
.preloader.preloader-teal svg circle {
	stroke: #009688
}

.preloader.color-teal .preloader-inner-gap,
.preloader.color-teal .preloader-inner-half-circle,
.preloader.preloader-teal .preloader-inner-gap,
.preloader.preloader-teal .preloader-inner-half-circle {
	border-color: #009688
}

.bg-teal,
.list-block .swipeout-actions-left a.bg-teal,
.list-block .swipeout-actions-right a.bg-teal,
a.bg-teal {
	background-color: #009688
}

.list-block .bg-teal .item-link.active-state,
.list-block .item-link.bg-teal.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-teal.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-teal.active-state,
.list-block .item-linka.bg-teal.active-state,
.list-block .list-block .swipeout-actions-left a.bg-teal .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-teal .item-link.active-state,
.list-block a.bg-teal .item-link.active-state,
.list-block.bg-teal .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-teal .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-teal .item-link.active-state,
.list-blocka.bg-teal .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-teal .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-teal:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-teal:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-teal:active,
html:not(.watch-active-state) .list-block .item-linka.bg-teal:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-teal .item-link:active {
	background: #00897B
}

.border-teal {
	border-color: #009688
}

.border-teal:after,
.border-teal:before,
.list-block .border-teal.item-inner:after,
.list-block .border-teal.item-inner:before,
.list-block ul.border-teal:after,
.list-block ul.border-teal:before {
	background-color: #009688
}

.floating-button.bg-teal,
.floating-button.color-teal,
.speed-dial-buttons a.bg-teal,
.speed-dial-buttons a.color-teal {
	color: #fff;
	background: #009688
}

.floating-button.bg-teal.active-state,
.floating-button.color-teal.active-state,
.speed-dial-buttons a.bg-teal.active-state,
.speed-dial-buttons a.color-teal.active-state,
html:not(.watch-active-state) .floating-button.bg-teal:active,
html:not(.watch-active-state) .floating-button.color-teal:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-teal:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-teal:active {
	background: #00897B
}

.floating-button.bg-teal i,
.floating-button.color-teal i,
.speed-dial-buttons a.bg-teal i,
.speed-dial-buttons a.color-teal i {
	color: inherit
}

.ripple-teal .ripple-wave {
	background-color: rgba(0, 150, 136, .3)
}

.range-slider.color-teal input[type=range]::-webkit-slider-thumb:before {
	background-color: #009688
}

.range-slider.color-teal input[type=range]::-webkit-slider-thumb {
	background-color: #009688
}

.range-slider.color-teal input[type=range]::-ms-thumb {
	background-color: #009688
}

.range-slider.color-teal input[type=range]::-ms-fill-lower {
	background-color: #009688
}

.range-slider.color-teal input[type=range]::-moz-range-thumb {
	background-color: #009688
}

.badge.color-teal {
	background-color: #009688;
	color: #fff
}

.color-green {
	color: #4caf50
}

.list-block .item-link.color-green,
.list-block .item-link.list-button.color-green,
.list-button.color-green,
.tabbar a.active.color-green,
a.color-green {
	color: #4caf50
}

.label-switch input[type=checkbox]:checked+.checkbox.color-green,
.label-switch.color-green input[type=checkbox]:checked+.checkbox {
	background-color: #4caf50
}

.button.color-green:not(.button-fill),
.color-green.buttons-row .button:not(.button-fill) {
	color: #4caf50 !important
}

.button.button-fill.bg-green,
.button.button-fill.color-green {
	background: #4caf50 !important;
	color: #fff
}

.button.button-fill.bg-green.active-state,
.button.button-fill.color-green.active-state,
html:not(.watch-active-state) .button.button-fill.bg-green:active,
html:not(.watch-active-state) .button.button-fill.color-green:active {
	background: #388E3C !important
}

.progressbar.bg-green,
.progressbar.color-green {
	background-color: rgba(76, 175, 80, .5)
}

.progressbar.bg-green span,
.progressbar.color-green span {
	background-color: #4caf50
}

.progressbar-infinite.bg-green,
.progressbar-infinite.color-green {
	background-color: rgba(76, 175, 80, .5)
}

.progressbar-infinite.bg-green:after,
.progressbar-infinite.bg-green:before,
.progressbar-infinite.color-green:after,
.progressbar-infinite.color-green:before {
	background-color: #4caf50
}

.color-green i.icon,
i.icon.color-green {
	color: #4caf50
}

.preloader.color-green svg circle,
.preloader.preloader-green svg circle {
	stroke: #4caf50
}

.preloader.color-green .preloader-inner-gap,
.preloader.color-green .preloader-inner-half-circle,
.preloader.preloader-green .preloader-inner-gap,
.preloader.preloader-green .preloader-inner-half-circle {
	border-color: #4caf50
}

.bg-green,
.list-block .swipeout-actions-left a.bg-green,
.list-block .swipeout-actions-right a.bg-green,
a.bg-green {
	background-color: #4caf50
}

.list-block .bg-green .item-link.active-state,
.list-block .item-link.bg-green.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-green.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-green.active-state,
.list-block .item-linka.bg-green.active-state,
.list-block .list-block .swipeout-actions-left a.bg-green .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-green .item-link.active-state,
.list-block a.bg-green .item-link.active-state,
.list-block.bg-green .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-green .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-green .item-link.active-state,
.list-blocka.bg-green .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-green .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-green:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-green:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-green:active,
html:not(.watch-active-state) .list-block .item-linka.bg-green:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block.bg-green .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-green .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-green .item-link:active {
	background: #388E3C
}

.border-green {
	border-color: #4caf50
}

.border-green:after,
.border-green:before,
.list-block .border-green.item-inner:after,
.list-block .border-green.item-inner:before,
.list-block ul.border-green:after,
.list-block ul.border-green:before {
	background-color: #4caf50
}

.floating-button.bg-green,
.floating-button.color-green,
.speed-dial-buttons a.bg-green,
.speed-dial-buttons a.color-green {
	color: #fff;
	background: #4caf50
}

.floating-button.bg-green.active-state,
.floating-button.color-green.active-state,
.speed-dial-buttons a.bg-green.active-state,
.speed-dial-buttons a.color-green.active-state,
html:not(.watch-active-state) .floating-button.bg-green:active,
html:not(.watch-active-state) .floating-button.color-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-green:active {
	background: #388E3C
}

.floating-button.bg-green i,
.floating-button.color-green i,
.speed-dial-buttons a.bg-green i,
.speed-dial-buttons a.color-green i {
	color: inherit
}

.ripple-green .ripple-wave {
	background-color: rgba(76, 175, 80, .3)
}

.range-slider.color-green input[type=range]::-webkit-slider-thumb:before {
	background-color: #4caf50
}

.range-slider.color-green input[type=range]::-webkit-slider-thumb {
	background-color: #4caf50
}

.range-slider.color-green input[type=range]::-ms-thumb {
	background-color: #4caf50
}

.range-slider.color-green input[type=range]::-ms-fill-lower {
	background-color: #4caf50
}

.range-slider.color-green input[type=range]::-moz-range-thumb {
	background-color: #4caf50
}

.badge.color-green {
	background-color: #4caf50;
	color: #fff
}

.color-lightgreen {
	color: #8bc34a
}

.list-block .item-link.color-lightgreen,
.list-block .item-link.list-button.color-lightgreen,
.list-button.color-lightgreen,
.tabbar a.active.color-lightgreen,
a.color-lightgreen {
	color: #8bc34a
}

.label-switch input[type=checkbox]:checked+.checkbox.color-lightgreen,
.label-switch.color-lightgreen input[type=checkbox]:checked+.checkbox {
	background-color: #8bc34a
}

.button.color-lightgreen:not(.button-fill),
.color-lightgreen.buttons-row .button:not(.button-fill) {
	color: #8bc34a !important
}

.button.button-fill.bg-lightgreen,
.button.button-fill.color-lightgreen {
	background: #8bc34a !important;
	color: #fff
}

.button.button-fill.bg-lightgreen.active-state,
.button.button-fill.color-lightgreen.active-state,
html:not(.watch-active-state) .button.button-fill.bg-lightgreen:active,
html:not(.watch-active-state) .button.button-fill.color-lightgreen:active {
	background: #689F38 !important
}

.progressbar.bg-lightgreen,
.progressbar.color-lightgreen {
	background-color: rgba(139, 195, 74, .5)
}

.progressbar.bg-lightgreen span,
.progressbar.color-lightgreen span {
	background-color: #8bc34a
}

.progressbar-infinite.bg-lightgreen,
.progressbar-infinite.color-lightgreen {
	background-color: rgba(139, 195, 74, .5)
}

.progressbar-infinite.bg-lightgreen:after,
.progressbar-infinite.bg-lightgreen:before,
.progressbar-infinite.color-lightgreen:after,
.progressbar-infinite.color-lightgreen:before {
	background-color: #8bc34a
}

.color-lightgreen i.icon,
i.icon.color-lightgreen {
	color: #8bc34a
}

.preloader.color-lightgreen svg circle,
.preloader.preloader-lightgreen svg circle {
	stroke: #8bc34a
}

.preloader.color-lightgreen .preloader-inner-gap,
.preloader.color-lightgreen .preloader-inner-half-circle,
.preloader.preloader-lightgreen .preloader-inner-gap,
.preloader.preloader-lightgreen .preloader-inner-half-circle {
	border-color: #8bc34a
}

.bg-lightgreen,
.list-block .swipeout-actions-left a.bg-lightgreen,
.list-block .swipeout-actions-right a.bg-lightgreen,
a.bg-lightgreen {
	background-color: #8bc34a
}

.list-block .bg-lightgreen .item-link.active-state,
.list-block .item-link.bg-lightgreen.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen.active-state,
.list-block .item-linka.bg-lightgreen.active-state,
.list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state,
.list-block a.bg-lightgreen .item-link.active-state,
.list-block.bg-lightgreen .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state,
.list-blocka.bg-lightgreen .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .item-linka.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-lightgreen .item-link:active {
	background: #689F38
}

.border-lightgreen {
	border-color: #8bc34a
}

.border-lightgreen:after,
.border-lightgreen:before,
.list-block .border-lightgreen.item-inner:after,
.list-block .border-lightgreen.item-inner:before,
.list-block ul.border-lightgreen:after,
.list-block ul.border-lightgreen:before {
	background-color: #8bc34a
}

.floating-button.bg-lightgreen,
.floating-button.color-lightgreen,
.speed-dial-buttons a.bg-lightgreen,
.speed-dial-buttons a.color-lightgreen {
	color: #fff;
	background: #8bc34a
}

.floating-button.bg-lightgreen.active-state,
.floating-button.color-lightgreen.active-state,
.speed-dial-buttons a.bg-lightgreen.active-state,
.speed-dial-buttons a.color-lightgreen.active-state,
html:not(.watch-active-state) .floating-button.bg-lightgreen:active,
html:not(.watch-active-state) .floating-button.color-lightgreen:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lightgreen:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lightgreen:active {
	background: #689F38
}

.floating-button.bg-lightgreen i,
.floating-button.color-lightgreen i,
.speed-dial-buttons a.bg-lightgreen i,
.speed-dial-buttons a.color-lightgreen i {
	color: inherit
}

.ripple-lightgreen .ripple-wave {
	background-color: rgba(139, 195, 74, .3)
}

.range-slider.color-lightgreen input[type=range]::-webkit-slider-thumb:before {
	background-color: #8bc34a
}

.range-slider.color-lightgreen input[type=range]::-webkit-slider-thumb {
	background-color: #8bc34a
}

.range-slider.color-lightgreen input[type=range]::-ms-thumb {
	background-color: #8bc34a
}

.range-slider.color-lightgreen input[type=range]::-ms-fill-lower {
	background-color: #8bc34a
}

.range-slider.color-lightgreen input[type=range]::-moz-range-thumb {
	background-color: #8bc34a
}

.badge.color-lightgreen {
	background-color: #8bc34a;
	color: #fff
}

.color-lime {
	color: #cddc39
}

.list-block .item-link.color-lime,
.list-block .item-link.list-button.color-lime,
.list-button.color-lime,
.tabbar a.active.color-lime,
a.color-lime {
	color: #cddc39
}

.label-switch input[type=checkbox]:checked+.checkbox.color-lime,
.label-switch.color-lime input[type=checkbox]:checked+.checkbox {
	background-color: #cddc39
}

.button.color-lime:not(.button-fill),
.color-lime.buttons-row .button:not(.button-fill) {
	color: #cddc39 !important
}

.button.button-fill.bg-lime,
.button.button-fill.color-lime {
	background: #cddc39 !important;
	color: #fff
}

.button.button-fill.bg-lime.active-state,
.button.button-fill.color-lime.active-state,
html:not(.watch-active-state) .button.button-fill.bg-lime:active,
html:not(.watch-active-state) .button.button-fill.color-lime:active {
	background: #AFB42B !important
}

.progressbar.bg-lime,
.progressbar.color-lime {
	background-color: rgba(205, 220, 57, .5)
}

.progressbar.bg-lime span,
.progressbar.color-lime span {
	background-color: #cddc39
}

.progressbar-infinite.bg-lime,
.progressbar-infinite.color-lime {
	background-color: rgba(205, 220, 57, .5)
}

.progressbar-infinite.bg-lime:after,
.progressbar-infinite.bg-lime:before,
.progressbar-infinite.color-lime:after,
.progressbar-infinite.color-lime:before {
	background-color: #cddc39
}

.color-lime i.icon,
i.icon.color-lime {
	color: #cddc39
}

.preloader.color-lime svg circle,
.preloader.preloader-lime svg circle {
	stroke: #cddc39
}

.preloader.color-lime .preloader-inner-gap,
.preloader.color-lime .preloader-inner-half-circle,
.preloader.preloader-lime .preloader-inner-gap,
.preloader.preloader-lime .preloader-inner-half-circle {
	border-color: #cddc39
}

.bg-lime,
.list-block .swipeout-actions-left a.bg-lime,
.list-block .swipeout-actions-right a.bg-lime,
a.bg-lime {
	background-color: #cddc39
}

.list-block .bg-lime .item-link.active-state,
.list-block .item-link.bg-lime.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-lime.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-lime.active-state,
.list-block .item-linka.bg-lime.active-state,
.list-block .list-block .swipeout-actions-left a.bg-lime .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-lime .item-link.active-state,
.list-block a.bg-lime .item-link.active-state,
.list-block.bg-lime .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-lime .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-lime .item-link.active-state,
.list-blocka.bg-lime .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-lime .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-lime:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lime:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lime:active,
html:not(.watch-active-state) .list-block .item-linka.bg-lime:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-lime .item-link:active {
	background: #AFB42B
}

.border-lime {
	border-color: #cddc39
}

.border-lime:after,
.border-lime:before,
.list-block .border-lime.item-inner:after,
.list-block .border-lime.item-inner:before,
.list-block ul.border-lime:after,
.list-block ul.border-lime:before {
	background-color: #cddc39
}

.floating-button.bg-lime,
.floating-button.color-lime,
.speed-dial-buttons a.bg-lime,
.speed-dial-buttons a.color-lime {
	color: #fff;
	background: #cddc39
}

.floating-button.bg-lime.active-state,
.floating-button.color-lime.active-state,
.speed-dial-buttons a.bg-lime.active-state,
.speed-dial-buttons a.color-lime.active-state,
html:not(.watch-active-state) .floating-button.bg-lime:active,
html:not(.watch-active-state) .floating-button.color-lime:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lime:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lime:active {
	background: #AFB42B
}

.floating-button.bg-lime i,
.floating-button.color-lime i,
.speed-dial-buttons a.bg-lime i,
.speed-dial-buttons a.color-lime i {
	color: inherit
}

.ripple-lime .ripple-wave {
	background-color: rgba(205, 220, 57, .3)
}

.range-slider.color-lime input[type=range]::-webkit-slider-thumb:before {
	background-color: #cddc39
}

.range-slider.color-lime input[type=range]::-webkit-slider-thumb {
	background-color: #cddc39
}

.range-slider.color-lime input[type=range]::-ms-thumb {
	background-color: #cddc39
}

.range-slider.color-lime input[type=range]::-ms-fill-lower {
	background-color: #cddc39
}

.range-slider.color-lime input[type=range]::-moz-range-thumb {
	background-color: #cddc39
}

.badge.color-lime {
	background-color: #cddc39;
	color: #fff
}

.color-yellow {
	color: #ffeb3b
}

.list-block .item-link.color-yellow,
.list-block .item-link.list-button.color-yellow,
.list-button.color-yellow,
.tabbar a.active.color-yellow,
a.color-yellow {
	color: #ffeb3b
}

.label-switch input[type=checkbox]:checked+.checkbox.color-yellow,
.label-switch.color-yellow input[type=checkbox]:checked+.checkbox {
	background-color: #ffeb3b
}

.button.color-yellow:not(.button-fill),
.color-yellow.buttons-row .button:not(.button-fill) {
	color: #ffeb3b !important
}

.button.button-fill.bg-yellow,
.button.button-fill.color-yellow {
	background: #ffeb3b !important;
	color: #fff
}

.button.button-fill.bg-yellow.active-state,
.button.button-fill.color-yellow.active-state,
html:not(.watch-active-state) .button.button-fill.bg-yellow:active,
html:not(.watch-active-state) .button.button-fill.color-yellow:active {
	background: #FBC02D !important
}

.progressbar.bg-yellow,
.progressbar.color-yellow {
	background-color: rgba(255, 235, 59, .5)
}

.progressbar.bg-yellow span,
.progressbar.color-yellow span {
	background-color: #ffeb3b
}

.progressbar-infinite.bg-yellow,
.progressbar-infinite.color-yellow {
	background-color: rgba(255, 235, 59, .5)
}

.progressbar-infinite.bg-yellow:after,
.progressbar-infinite.bg-yellow:before,
.progressbar-infinite.color-yellow:after,
.progressbar-infinite.color-yellow:before {
	background-color: #ffeb3b
}

.color-yellow i.icon,
i.icon.color-yellow {
	color: #ffeb3b
}

.preloader.color-yellow svg circle,
.preloader.preloader-yellow svg circle {
	stroke: #ffeb3b
}

.preloader.color-yellow .preloader-inner-gap,
.preloader.color-yellow .preloader-inner-half-circle,
.preloader.preloader-yellow .preloader-inner-gap,
.preloader.preloader-yellow .preloader-inner-half-circle {
	border-color: #ffeb3b
}

.bg-yellow,
.list-block .swipeout-actions-left a.bg-yellow,
.list-block .swipeout-actions-right a.bg-yellow,
a.bg-yellow {
	background-color: #ffeb3b
}

.list-block .bg-yellow .item-link.active-state,
.list-block .item-link.bg-yellow.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-yellow.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-yellow.active-state,
.list-block .item-linka.bg-yellow.active-state,
.list-block .list-block .swipeout-actions-left a.bg-yellow .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-yellow .item-link.active-state,
.list-block a.bg-yellow .item-link.active-state,
.list-block.bg-yellow .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-yellow .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-yellow .item-link.active-state,
.list-blocka.bg-yellow .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-yellow:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-yellow:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-yellow:active,
html:not(.watch-active-state) .list-block .item-linka.bg-yellow:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-yellow .item-link:active {
	background: #FBC02D
}

.border-yellow {
	border-color: #ffeb3b
}

.border-yellow:after,
.border-yellow:before,
.list-block .border-yellow.item-inner:after,
.list-block .border-yellow.item-inner:before,
.list-block ul.border-yellow:after,
.list-block ul.border-yellow:before {
	background-color: #ffeb3b
}

.floating-button.bg-yellow,
.floating-button.color-yellow,
.speed-dial-buttons a.bg-yellow,
.speed-dial-buttons a.color-yellow {
	color: #fff;
	background: #ffeb3b
}

.floating-button.bg-yellow.active-state,
.floating-button.color-yellow.active-state,
.speed-dial-buttons a.bg-yellow.active-state,
.speed-dial-buttons a.color-yellow.active-state,
html:not(.watch-active-state) .floating-button.bg-yellow:active,
html:not(.watch-active-state) .floating-button.color-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-yellow:active {
	background: #FBC02D
}

.floating-button.bg-yellow i,
.floating-button.color-yellow i,
.speed-dial-buttons a.bg-yellow i,
.speed-dial-buttons a.color-yellow i {
	color: inherit
}

.ripple-yellow .ripple-wave {
	background-color: rgba(255, 235, 59, .3)
}

.range-slider.color-yellow input[type=range]::-webkit-slider-thumb:before {
	background-color: #ffeb3b
}

.range-slider.color-yellow input[type=range]::-webkit-slider-thumb {
	background-color: #ffeb3b
}

.range-slider.color-yellow input[type=range]::-ms-thumb {
	background-color: #ffeb3b
}

.range-slider.color-yellow input[type=range]::-ms-fill-lower {
	background-color: #ffeb3b
}

.range-slider.color-yellow input[type=range]::-moz-range-thumb {
	background-color: #ffeb3b
}

.badge.color-yellow {
	background-color: #ffeb3b;
	color: #fff
}

.color-amber {
	color: #ffc107
}

.list-block .item-link.color-amber,
.list-block .item-link.list-button.color-amber,
.list-button.color-amber,
.tabbar a.active.color-amber,
a.color-amber {
	color: #ffc107
}

.label-switch input[type=checkbox]:checked+.checkbox.color-amber,
.label-switch.color-amber input[type=checkbox]:checked+.checkbox {
	background-color: #ffc107
}

.button.color-amber:not(.button-fill),
.color-amber.buttons-row .button:not(.button-fill) {
	color: #ffc107 !important
}

.button.button-fill.bg-amber,
.button.button-fill.color-amber {
	background: #ffc107 !important;
	color: #fff
}

.button.button-fill.bg-amber.active-state,
.button.button-fill.color-amber.active-state,
html:not(.watch-active-state) .button.button-fill.bg-amber:active,
html:not(.watch-active-state) .button.button-fill.color-amber:active {
	background: #FFA000 !important
}

.progressbar.bg-amber,
.progressbar.color-amber {
	background-color: rgba(255, 193, 7, .5)
}

.progressbar.bg-amber span,
.progressbar.color-amber span {
	background-color: #ffc107
}

.progressbar-infinite.bg-amber,
.progressbar-infinite.color-amber {
	background-color: rgba(255, 193, 7, .5)
}

.progressbar-infinite.bg-amber:after,
.progressbar-infinite.bg-amber:before,
.progressbar-infinite.color-amber:after,
.progressbar-infinite.color-amber:before {
	background-color: #ffc107
}

.color-amber i.icon,
i.icon.color-amber {
	color: #ffc107
}

.preloader.color-amber svg circle,
.preloader.preloader-amber svg circle {
	stroke: #ffc107
}

.preloader.color-amber .preloader-inner-gap,
.preloader.color-amber .preloader-inner-half-circle,
.preloader.preloader-amber .preloader-inner-gap,
.preloader.preloader-amber .preloader-inner-half-circle {
	border-color: #ffc107
}

.bg-amber,
.list-block .swipeout-actions-left a.bg-amber,
.list-block .swipeout-actions-right a.bg-amber,
a.bg-amber {
	background-color: #ffc107
}

.list-block .bg-amber .item-link.active-state,
.list-block .item-link.bg-amber.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-amber.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-amber.active-state,
.list-block .item-linka.bg-amber.active-state,
.list-block .list-block .swipeout-actions-left a.bg-amber .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-amber .item-link.active-state,
.list-block a.bg-amber .item-link.active-state,
.list-block.bg-amber .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-amber .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-amber .item-link.active-state,
.list-blocka.bg-amber .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-amber .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-amber:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-amber:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-amber:active,
html:not(.watch-active-state) .list-block .item-linka.bg-amber:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-amber .item-link:active {
	background: #FFA000
}

.border-amber {
	border-color: #ffc107
}

.border-amber:after,
.border-amber:before,
.list-block .border-amber.item-inner:after,
.list-block .border-amber.item-inner:before,
.list-block ul.border-amber:after,
.list-block ul.border-amber:before {
	background-color: #ffc107
}

.floating-button.bg-amber,
.floating-button.color-amber,
.speed-dial-buttons a.bg-amber,
.speed-dial-buttons a.color-amber {
	color: #fff;
	background: #ffc107
}

.floating-button.bg-amber.active-state,
.floating-button.color-amber.active-state,
.speed-dial-buttons a.bg-amber.active-state,
.speed-dial-buttons a.color-amber.active-state,
html:not(.watch-active-state) .floating-button.bg-amber:active,
html:not(.watch-active-state) .floating-button.color-amber:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-amber:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-amber:active {
	background: #FFA000
}

.floating-button.bg-amber i,
.floating-button.color-amber i,
.speed-dial-buttons a.bg-amber i,
.speed-dial-buttons a.color-amber i {
	color: inherit
}

.ripple-amber .ripple-wave {
	background-color: rgba(255, 193, 7, .3)
}

.range-slider.color-amber input[type=range]::-webkit-slider-thumb:before {
	background-color: #ffc107
}

.range-slider.color-amber input[type=range]::-webkit-slider-thumb {
	background-color: #ffc107
}

.range-slider.color-amber input[type=range]::-ms-thumb {
	background-color: #ffc107
}

.range-slider.color-amber input[type=range]::-ms-fill-lower {
	background-color: #ffc107
}

.range-slider.color-amber input[type=range]::-moz-range-thumb {
	background-color: #ffc107
}

.badge.color-amber {
	background-color: #ffc107;
	color: #fff
}

.color-orange {
	color: #ff9800
}

.list-block .item-link.color-orange,
.list-block .item-link.list-button.color-orange,
.list-button.color-orange,
.tabbar a.active.color-orange,
a.color-orange {
	color: #ff9800
}

.label-switch input[type=checkbox]:checked+.checkbox.color-orange,
.label-switch.color-orange input[type=checkbox]:checked+.checkbox {
	background-color: #ff9800
}

.button.color-orange:not(.button-fill),
.color-orange.buttons-row .button:not(.button-fill) {
	color: #ff9800 !important
}

.button.button-fill.bg-orange,
.button.button-fill.color-orange {
	background: #ff9800 !important;
	color: #fff
}

.button.button-fill.bg-orange.active-state,
.button.button-fill.color-orange.active-state,
html:not(.watch-active-state) .button.button-fill.bg-orange:active,
html:not(.watch-active-state) .button.button-fill.color-orange:active {
	background: #F57C00 !important
}

.progressbar.bg-orange,
.progressbar.color-orange {
	background-color: rgba(255, 152, 0, .5)
}

.progressbar.bg-orange span,
.progressbar.color-orange span {
	background-color: #ff9800
}

.progressbar-infinite.bg-orange,
.progressbar-infinite.color-orange {
	background-color: rgba(255, 152, 0, .5)
}

.progressbar-infinite.bg-orange:after,
.progressbar-infinite.bg-orange:before,
.progressbar-infinite.color-orange:after,
.progressbar-infinite.color-orange:before {
	background-color: #ff9800
}

.color-orange i.icon,
i.icon.color-orange {
	color: #ff9800
}

.preloader.color-orange svg circle,
.preloader.preloader-orange svg circle {
	stroke: #ff9800
}

.preloader.color-orange .preloader-inner-gap,
.preloader.color-orange .preloader-inner-half-circle,
.preloader.preloader-orange .preloader-inner-gap,
.preloader.preloader-orange .preloader-inner-half-circle {
	border-color: #ff9800
}

.bg-orange,
.list-block .swipeout-actions-left a.bg-orange,
.list-block .swipeout-actions-right a.bg-orange,
a.bg-orange {
	background-color: #ff9800
}

.list-block .bg-orange .item-link.active-state,
.list-block .item-link.bg-orange.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-orange.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-orange.active-state,
.list-block .item-linka.bg-orange.active-state,
.list-block .list-block .swipeout-actions-left a.bg-orange .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-orange .item-link.active-state,
.list-block a.bg-orange .item-link.active-state,
.list-block.bg-orange .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-orange .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-orange .item-link.active-state,
.list-blocka.bg-orange .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-orange .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-orange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-orange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-orange:active,
html:not(.watch-active-state) .list-block .item-linka.bg-orange:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-orange .item-link:active {
	background: #F57C00
}

.border-orange {
	border-color: #ff9800
}

.border-orange:after,
.border-orange:before,
.list-block .border-orange.item-inner:after,
.list-block .border-orange.item-inner:before,
.list-block ul.border-orange:after,
.list-block ul.border-orange:before {
	background-color: #ff9800
}

.floating-button.bg-orange,
.floating-button.color-orange,
.speed-dial-buttons a.bg-orange,
.speed-dial-buttons a.color-orange {
	color: #fff;
	background: #ff9800
}

.floating-button.bg-orange.active-state,
.floating-button.color-orange.active-state,
.speed-dial-buttons a.bg-orange.active-state,
.speed-dial-buttons a.color-orange.active-state,
html:not(.watch-active-state) .floating-button.bg-orange:active,
html:not(.watch-active-state) .floating-button.color-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-orange:active {
	background: #F57C00
}

.floating-button.bg-orange i,
.floating-button.color-orange i,
.speed-dial-buttons a.bg-orange i,
.speed-dial-buttons a.color-orange i {
	color: inherit
}

.ripple-orange .ripple-wave {
	background-color: rgba(255, 152, 0, .3)
}

.range-slider.color-orange input[type=range]::-webkit-slider-thumb:before {
	background-color: #ff9800
}

.range-slider.color-orange input[type=range]::-webkit-slider-thumb {
	background-color: #ff9800
}

.range-slider.color-orange input[type=range]::-ms-thumb {
	background-color: #ff9800
}

.range-slider.color-orange input[type=range]::-ms-fill-lower {
	background-color: #ff9800
}

.range-slider.color-orange input[type=range]::-moz-range-thumb {
	background-color: #ff9800
}

.badge.color-orange {
	background-color: #ff9800;
	color: #fff
}

.color-deeporange {
	color: #ff5722
}

.list-block .item-link.color-deeporange,
.list-block .item-link.list-button.color-deeporange,
.list-button.color-deeporange,
.tabbar a.active.color-deeporange,
a.color-deeporange {
	color: #ff5722
}

.label-switch input[type=checkbox]:checked+.checkbox.color-deeporange,
.label-switch.color-deeporange input[type=checkbox]:checked+.checkbox {
	background-color: #ff5722
}

.button.color-deeporange:not(.button-fill),
.color-deeporange.buttons-row .button:not(.button-fill) {
	color: #ff5722 !important
}

.button.button-fill.bg-deeporange,
.button.button-fill.color-deeporange {
	background: #ff5722 !important;
	color: #fff
}

.button.button-fill.bg-deeporange.active-state,
.button.button-fill.color-deeporange.active-state,
html:not(.watch-active-state) .button.button-fill.bg-deeporange:active,
html:not(.watch-active-state) .button.button-fill.color-deeporange:active {
	background: #E64A19 !important
}

.progressbar.bg-deeporange,
.progressbar.color-deeporange {
	background-color: rgba(255, 87, 34, .5)
}

.progressbar.bg-deeporange span,
.progressbar.color-deeporange span {
	background-color: #ff5722
}

.progressbar-infinite.bg-deeporange,
.progressbar-infinite.color-deeporange {
	background-color: rgba(255, 87, 34, .5)
}

.progressbar-infinite.bg-deeporange:after,
.progressbar-infinite.bg-deeporange:before,
.progressbar-infinite.color-deeporange:after,
.progressbar-infinite.color-deeporange:before {
	background-color: #ff5722
}

.color-deeporange i.icon,
i.icon.color-deeporange {
	color: #ff5722
}

.preloader.color-deeporange svg circle,
.preloader.preloader-deeporange svg circle {
	stroke: #ff5722
}

.preloader.color-deeporange .preloader-inner-gap,
.preloader.color-deeporange .preloader-inner-half-circle,
.preloader.preloader-deeporange .preloader-inner-gap,
.preloader.preloader-deeporange .preloader-inner-half-circle {
	border-color: #ff5722
}

.bg-deeporange,
.list-block .swipeout-actions-left a.bg-deeporange,
.list-block .swipeout-actions-right a.bg-deeporange,
a.bg-deeporange {
	background-color: #ff5722
}

.list-block .bg-deeporange .item-link.active-state,
.list-block .item-link.bg-deeporange.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange.active-state,
.list-block .item-linka.bg-deeporange.active-state,
.list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state,
.list-block a.bg-deeporange .item-link.active-state,
.list-block.bg-deeporange .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state,
.list-blocka.bg-deeporange .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-deeporange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange:active,
html:not(.watch-active-state) .list-block .item-linka.bg-deeporange:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-deeporange .item-link:active {
	background: #E64A19
}

.border-deeporange {
	border-color: #ff5722
}

.border-deeporange:after,
.border-deeporange:before,
.list-block .border-deeporange.item-inner:after,
.list-block .border-deeporange.item-inner:before,
.list-block ul.border-deeporange:after,
.list-block ul.border-deeporange:before {
	background-color: #ff5722
}

.floating-button.bg-deeporange,
.floating-button.color-deeporange,
.speed-dial-buttons a.bg-deeporange,
.speed-dial-buttons a.color-deeporange {
	color: #fff;
	background: #ff5722
}

.floating-button.bg-deeporange.active-state,
.floating-button.color-deeporange.active-state,
.speed-dial-buttons a.bg-deeporange.active-state,
.speed-dial-buttons a.color-deeporange.active-state,
html:not(.watch-active-state) .floating-button.bg-deeporange:active,
html:not(.watch-active-state) .floating-button.color-deeporange:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-deeporange:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-deeporange:active {
	background: #E64A19
}

.floating-button.bg-deeporange i,
.floating-button.color-deeporange i,
.speed-dial-buttons a.bg-deeporange i,
.speed-dial-buttons a.color-deeporange i {
	color: inherit
}

.ripple-deeporange .ripple-wave {
	background-color: rgba(255, 87, 34, .3)
}

.range-slider.color-deeporange input[type=range]::-webkit-slider-thumb:before {
	background-color: #ff5722
}

.range-slider.color-deeporange input[type=range]::-webkit-slider-thumb {
	background-color: #ff5722
}

.range-slider.color-deeporange input[type=range]::-ms-thumb {
	background-color: #ff5722
}

.range-slider.color-deeporange input[type=range]::-ms-fill-lower {
	background-color: #ff5722
}

.range-slider.color-deeporange input[type=range]::-moz-range-thumb {
	background-color: #ff5722
}

.badge.color-deeporange {
	background-color: #ff5722;
	color: #fff
}

.color-brown {
	color: #795548
}

.list-block .item-link.color-brown,
.list-block .item-link.list-button.color-brown,
.list-button.color-brown,
.tabbar a.active.color-brown,
a.color-brown {
	color: #795548
}

.label-switch input[type=checkbox]:checked+.checkbox.color-brown,
.label-switch.color-brown input[type=checkbox]:checked+.checkbox {
	background-color: #795548
}

.button.color-brown:not(.button-fill),
.color-brown.buttons-row .button:not(.button-fill) {
	color: #795548 !important
}

.button.button-fill.bg-brown,
.button.button-fill.color-brown {
	background: #795548 !important;
	color: #fff
}

.button.button-fill.bg-brown.active-state,
.button.button-fill.color-brown.active-state,
html:not(.watch-active-state) .button.button-fill.bg-brown:active,
html:not(.watch-active-state) .button.button-fill.color-brown:active {
	background: #5D4037 !important
}

.progressbar.bg-brown,
.progressbar.color-brown {
	background-color: rgba(121, 85, 72, .5)
}

.progressbar.bg-brown span,
.progressbar.color-brown span {
	background-color: #795548
}

.progressbar-infinite.bg-brown,
.progressbar-infinite.color-brown {
	background-color: rgba(121, 85, 72, .5)
}

.progressbar-infinite.bg-brown:after,
.progressbar-infinite.bg-brown:before,
.progressbar-infinite.color-brown:after,
.progressbar-infinite.color-brown:before {
	background-color: #795548
}

.color-brown i.icon,
i.icon.color-brown {
	color: #795548
}

.preloader.color-brown svg circle,
.preloader.preloader-brown svg circle {
	stroke: #795548
}

.preloader.color-brown .preloader-inner-gap,
.preloader.color-brown .preloader-inner-half-circle,
.preloader.preloader-brown .preloader-inner-gap,
.preloader.preloader-brown .preloader-inner-half-circle {
	border-color: #795548
}

.bg-brown,
.list-block .swipeout-actions-left a.bg-brown,
.list-block .swipeout-actions-right a.bg-brown,
a.bg-brown {
	background-color: #795548
}

.list-block .bg-brown .item-link.active-state,
.list-block .item-link.bg-brown.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-brown.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-brown.active-state,
.list-block .item-linka.bg-brown.active-state,
.list-block .list-block .swipeout-actions-left a.bg-brown .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-brown .item-link.active-state,
.list-block a.bg-brown .item-link.active-state,
.list-block.bg-brown .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-brown .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-brown .item-link.active-state,
.list-blocka.bg-brown .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-brown .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-brown:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-brown:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-brown:active,
html:not(.watch-active-state) .list-block .item-linka.bg-brown:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-brown .item-link:active {
	background: #5D4037
}

.border-brown {
	border-color: #795548
}

.border-brown:after,
.border-brown:before,
.list-block .border-brown.item-inner:after,
.list-block .border-brown.item-inner:before,
.list-block ul.border-brown:after,
.list-block ul.border-brown:before {
	background-color: #795548
}

.floating-button.bg-brown,
.floating-button.color-brown,
.speed-dial-buttons a.bg-brown,
.speed-dial-buttons a.color-brown {
	color: #fff;
	background: #795548
}

.floating-button.bg-brown.active-state,
.floating-button.color-brown.active-state,
.speed-dial-buttons a.bg-brown.active-state,
.speed-dial-buttons a.color-brown.active-state,
html:not(.watch-active-state) .floating-button.bg-brown:active,
html:not(.watch-active-state) .floating-button.color-brown:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-brown:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-brown:active {
	background: #5D4037
}

.floating-button.bg-brown i,
.floating-button.color-brown i,
.speed-dial-buttons a.bg-brown i,
.speed-dial-buttons a.color-brown i {
	color: inherit
}

.ripple-brown .ripple-wave {
	background-color: rgba(121, 85, 72, .3)
}

.range-slider.color-brown input[type=range]::-webkit-slider-thumb:before {
	background-color: #795548
}

.range-slider.color-brown input[type=range]::-webkit-slider-thumb {
	background-color: #795548
}

.range-slider.color-brown input[type=range]::-ms-thumb {
	background-color: #795548
}

.range-slider.color-brown input[type=range]::-ms-fill-lower {
	background-color: #795548
}

.range-slider.color-brown input[type=range]::-moz-range-thumb {
	background-color: #795548
}

.badge.color-brown {
	background-color: #795548;
	color: #fff
}

.color-gray {
	color: #9e9e9e
}

.list-block .item-link.color-gray,
.list-block .item-link.list-button.color-gray,
.list-button.color-gray,
.tabbar a.active.color-gray,
a.color-gray {
	color: #9e9e9e
}

.label-switch input[type=checkbox]:checked+.checkbox.color-gray,
.label-switch.color-gray input[type=checkbox]:checked+.checkbox {
	background-color: #9e9e9e
}

.button.color-gray:not(.button-fill),
.color-gray.buttons-row .button:not(.button-fill) {
	color: #9e9e9e !important
}

.button.button-fill.bg-gray,
.button.button-fill.color-gray {
	background: #9e9e9e !important;
	color: #fff
}

.button.button-fill.bg-gray.active-state,
.button.button-fill.color-gray.active-state,
html:not(.watch-active-state) .button.button-fill.bg-gray:active,
html:not(.watch-active-state) .button.button-fill.color-gray:active {
	background: #616161 !important
}

.progressbar.bg-gray,
.progressbar.color-gray {
	background-color: rgba(158, 158, 158, .5)
}

.progressbar.bg-gray span,
.progressbar.color-gray span {
	background-color: #9e9e9e
}

.progressbar-infinite.bg-gray,
.progressbar-infinite.color-gray {
	background-color: rgba(158, 158, 158, .5)
}

.progressbar-infinite.bg-gray:after,
.progressbar-infinite.bg-gray:before,
.progressbar-infinite.color-gray:after,
.progressbar-infinite.color-gray:before {
	background-color: #9e9e9e
}

.color-gray i.icon,
i.icon.color-gray {
	color: #9e9e9e
}

.preloader.color-gray svg circle,
.preloader.preloader-gray svg circle {
	stroke: #9e9e9e
}

.preloader.color-gray .preloader-inner-gap,
.preloader.color-gray .preloader-inner-half-circle,
.preloader.preloader-gray .preloader-inner-gap,
.preloader.preloader-gray .preloader-inner-half-circle {
	border-color: #9e9e9e
}

.bg-gray,
.list-block .swipeout-actions-left a.bg-gray,
.list-block .swipeout-actions-right a.bg-gray,
a.bg-gray {
	background-color: #9e9e9e
}

.list-block .bg-gray .item-link.active-state,
.list-block .item-link.bg-gray.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-gray.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-gray.active-state,
.list-block .item-linka.bg-gray.active-state,
.list-block .list-block .swipeout-actions-left a.bg-gray .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-gray .item-link.active-state,
.list-block a.bg-gray .item-link.active-state,
.list-block.bg-gray .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-gray .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-gray .item-link.active-state,
.list-blocka.bg-gray .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-gray .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-gray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-gray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-gray:active,
html:not(.watch-active-state) .list-block .item-linka.bg-gray:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-gray .item-link:active {
	background: #616161
}

.border-gray {
	border-color: #9e9e9e
}

.border-gray:after,
.border-gray:before,
.list-block .border-gray.item-inner:after,
.list-block .border-gray.item-inner:before,
.list-block ul.border-gray:after,
.list-block ul.border-gray:before {
	background-color: #9e9e9e
}

.floating-button.bg-gray,
.floating-button.color-gray,
.speed-dial-buttons a.bg-gray,
.speed-dial-buttons a.color-gray {
	color: #fff;
	background: #9e9e9e
}

.floating-button.bg-gray.active-state,
.floating-button.color-gray.active-state,
.speed-dial-buttons a.bg-gray.active-state,
.speed-dial-buttons a.color-gray.active-state,
html:not(.watch-active-state) .floating-button.bg-gray:active,
html:not(.watch-active-state) .floating-button.color-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-gray:active {
	background: #616161
}

.floating-button.bg-gray i,
.floating-button.color-gray i,
.speed-dial-buttons a.bg-gray i,
.speed-dial-buttons a.color-gray i {
	color: inherit
}

.ripple-gray .ripple-wave {
	background-color: rgba(158, 158, 158, .3)
}

.range-slider.color-gray input[type=range]::-webkit-slider-thumb:before {
	background-color: #9e9e9e
}

.range-slider.color-gray input[type=range]::-webkit-slider-thumb {
	background-color: #9e9e9e
}

.range-slider.color-gray input[type=range]::-ms-thumb {
	background-color: #9e9e9e
}

.range-slider.color-gray input[type=range]::-ms-fill-lower {
	background-color: #9e9e9e
}

.range-slider.color-gray input[type=range]::-moz-range-thumb {
	background-color: #9e9e9e
}

.badge.color-gray {
	background-color: #9e9e9e;
	color: #fff
}

.color-bluegray {
	color: #607d8b
}

.list-block .item-link.color-bluegray,
.list-block .item-link.list-button.color-bluegray,
.list-button.color-bluegray,
.tabbar a.active.color-bluegray,
a.color-bluegray {
	color: #607d8b
}

.label-switch input[type=checkbox]:checked+.checkbox.color-bluegray,
.label-switch.color-bluegray input[type=checkbox]:checked+.checkbox {
	background-color: #607d8b
}

.button.color-bluegray:not(.button-fill),
.color-bluegray.buttons-row .button:not(.button-fill) {
	color: #607d8b !important
}

.button.button-fill.bg-bluegray,
.button.button-fill.color-bluegray {
	background: #607d8b !important;
	color: #fff
}

.button.button-fill.bg-bluegray.active-state,
.button.button-fill.color-bluegray.active-state,
html:not(.watch-active-state) .button.button-fill.bg-bluegray:active,
html:not(.watch-active-state) .button.button-fill.color-bluegray:active {
	background: #455A64 !important
}

.progressbar.bg-bluegray,
.progressbar.color-bluegray {
	background-color: rgba(96, 125, 139, .5)
}

.progressbar.bg-bluegray span,
.progressbar.color-bluegray span {
	background-color: #607d8b
}

.progressbar-infinite.bg-bluegray,
.progressbar-infinite.color-bluegray {
	background-color: rgba(96, 125, 139, .5)
}

.progressbar-infinite.bg-bluegray:after,
.progressbar-infinite.bg-bluegray:before,
.progressbar-infinite.color-bluegray:after,
.progressbar-infinite.color-bluegray:before {
	background-color: #607d8b
}

.color-bluegray i.icon,
i.icon.color-bluegray {
	color: #607d8b
}

.preloader.color-bluegray svg circle,
.preloader.preloader-bluegray svg circle {
	stroke: #607d8b
}

.preloader.color-bluegray .preloader-inner-gap,
.preloader.color-bluegray .preloader-inner-half-circle,
.preloader.preloader-bluegray .preloader-inner-gap,
.preloader.preloader-bluegray .preloader-inner-half-circle {
	border-color: #607d8b
}

.bg-bluegray,
.list-block .swipeout-actions-left a.bg-bluegray,
.list-block .swipeout-actions-right a.bg-bluegray,
a.bg-bluegray {
	background-color: #607d8b
}

.list-block .bg-bluegray .item-link.active-state,
.list-block .item-link.bg-bluegray.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray.active-state,
.list-block .item-linka.bg-bluegray.active-state,
.list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state,
.list-block a.bg-bluegray .item-link.active-state,
.list-block.bg-bluegray .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state,
.list-blocka.bg-bluegray .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-bluegray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray:active,
html:not(.watch-active-state) .list-block .item-linka.bg-bluegray:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-bluegray .item-link:active {
	background: #455A64
}

.border-bluegray {
	border-color: #607d8b
}

.border-bluegray:after,
.border-bluegray:before,
.list-block .border-bluegray.item-inner:after,
.list-block .border-bluegray.item-inner:before,
.list-block ul.border-bluegray:after,
.list-block ul.border-bluegray:before {
	background-color: #607d8b
}

.floating-button.bg-bluegray,
.floating-button.color-bluegray,
.speed-dial-buttons a.bg-bluegray,
.speed-dial-buttons a.color-bluegray {
	color: #fff;
	background: #607d8b
}

.floating-button.bg-bluegray.active-state,
.floating-button.color-bluegray.active-state,
.speed-dial-buttons a.bg-bluegray.active-state,
.speed-dial-buttons a.color-bluegray.active-state,
html:not(.watch-active-state) .floating-button.bg-bluegray:active,
html:not(.watch-active-state) .floating-button.color-bluegray:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-bluegray:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-bluegray:active {
	background: #455A64
}

.floating-button.bg-bluegray i,
.floating-button.color-bluegray i,
.speed-dial-buttons a.bg-bluegray i,
.speed-dial-buttons a.color-bluegray i {
	color: inherit
}

.ripple-bluegray .ripple-wave {
	background-color: rgba(96, 125, 139, .3)
}

.range-slider.color-bluegray input[type=range]::-webkit-slider-thumb:before {
	background-color: #607d8b
}

.range-slider.color-bluegray input[type=range]::-webkit-slider-thumb {
	background-color: #607d8b
}

.range-slider.color-bluegray input[type=range]::-ms-thumb {
	background-color: #607d8b
}

.range-slider.color-bluegray input[type=range]::-ms-fill-lower {
	background-color: #607d8b
}

.range-slider.color-bluegray input[type=range]::-moz-range-thumb {
	background-color: #607d8b
}

.badge.color-bluegray {
	background-color: #607d8b;
	color: #fff
}

.color-white {
	color: #fff
}

.list-block .item-link.color-white,
.list-block .item-link.list-button.color-white,
.list-button.color-white,
.tabbar a.active.color-white,
a.color-white {
	color: #fff
}

.label-switch input[type=checkbox]:checked+.checkbox.color-white,
.label-switch.color-white input[type=checkbox]:checked+.checkbox {
	background-color: #fff
}

.button.color-white:not(.button-fill),
.color-white.buttons-row .button:not(.button-fill) {
	color: #fff !important
}

.button.button-fill.bg-white,
.button.button-fill.color-white {
	background: #fff !important;
	color: #fff
}

.button.button-fill.bg-white.active-state,
.button.button-fill.color-white.active-state,
html:not(.watch-active-state) .button.button-fill.bg-white:active,
html:not(.watch-active-state) .button.button-fill.color-white:active {
	background: rgba(0, 0, 0, .1) !important
}

.progressbar.bg-white,
.progressbar.color-white {
	background-color: rgba(255, 255, 255, .5)
}

.progressbar.bg-white span,
.progressbar.color-white span {
	background-color: #fff
}

.progressbar-infinite.bg-white,
.progressbar-infinite.color-white {
	background-color: rgba(255, 255, 255, .5)
}

.progressbar-infinite.bg-white:after,
.progressbar-infinite.bg-white:before,
.progressbar-infinite.color-white:after,
.progressbar-infinite.color-white:before {
	background-color: #fff
}

.color-white i.icon,
i.icon.color-white {
	color: #fff
}

.preloader.color-white svg circle,
.preloader.preloader-white svg circle {
	stroke: #fff
}

.preloader.color-white .preloader-inner-gap,
.preloader.color-white .preloader-inner-half-circle,
.preloader.preloader-white .preloader-inner-gap,
.preloader.preloader-white .preloader-inner-half-circle {
	border-color: #fff
}

.bg-white,
.list-block .swipeout-actions-left a.bg-white,
.list-block .swipeout-actions-right a.bg-white,
a.bg-white {
	background-color: #fff
}

.list-block .bg-white .item-link.active-state,
.list-block .item-link.bg-white.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-white.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-white.active-state,
.list-block .item-linka.bg-white.active-state,
.list-block .list-block .swipeout-actions-left a.bg-white .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-white .item-link.active-state,
.list-block a.bg-white .item-link.active-state,
.list-block.bg-white .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-white .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-white .item-link.active-state,
.list-blocka.bg-white .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-white .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-white:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-white:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-white:active,
html:not(.watch-active-state) .list-block .item-linka.bg-white:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block.bg-white .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-white .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-white .item-link:active {
	background: rgba(0, 0, 0, .1)
}

.border-white {
	border-color: #fff
}

.border-white:after,
.border-white:before,
.list-block .border-white.item-inner:after,
.list-block .border-white.item-inner:before,
.list-block ul.border-white:after,
.list-block ul.border-white:before {
	background-color: #fff
}

.floating-button.bg-white,
.floating-button.color-white,
.speed-dial-buttons a.bg-white,
.speed-dial-buttons a.color-white {
	color: #fff;
	background: #fff
}

.floating-button.bg-white.active-state,
.floating-button.color-white.active-state,
.speed-dial-buttons a.bg-white.active-state,
.speed-dial-buttons a.color-white.active-state,
html:not(.watch-active-state) .floating-button.bg-white:active,
html:not(.watch-active-state) .floating-button.color-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-white:active {
	background: rgba(0, 0, 0, .1)
}

.floating-button.bg-white i,
.floating-button.color-white i,
.speed-dial-buttons a.bg-white i,
.speed-dial-buttons a.color-white i {
	color: inherit
}

.ripple-white .ripple-wave {
	background-color: rgba(255, 255, 255, .3)
}

.range-slider.color-white input[type=range]::-webkit-slider-thumb:before {
	background-color: #fff
}

.range-slider.color-white input[type=range]::-webkit-slider-thumb {
	background-color: #fff
}

.range-slider.color-white input[type=range]::-ms-thumb {
	background-color: #fff
}

.range-slider.color-white input[type=range]::-ms-fill-lower {
	background-color: #fff
}

.range-slider.color-white input[type=range]::-moz-range-thumb {
	background-color: #fff
}

.badge.color-white {
	background-color: #fff;
	color: #fff
}

.color-black {
	color: #000
}

.list-block .item-link.color-black,
.list-block .item-link.list-button.color-black,
.list-button.color-black,
.tabbar a.active.color-black,
a.color-black {
	color: #000
}

.label-switch input[type=checkbox]:checked+.checkbox.color-black,
.label-switch.color-black input[type=checkbox]:checked+.checkbox {
	background-color: #000
}

.button.color-black:not(.button-fill),
.color-black.buttons-row .button:not(.button-fill) {
	color: #000 !important
}

.button.button-fill.bg-black,
.button.button-fill.color-black {
	background: #000 !important;
	color: #fff
}

.button.button-fill.bg-black.active-state,
.button.button-fill.color-black.active-state,
html:not(.watch-active-state) .button.button-fill.bg-black:active,
html:not(.watch-active-state) .button.button-fill.color-black:active {
	background: #333 !important
}

.progressbar.bg-black,
.progressbar.color-black {
	background-color: rgba(0, 0, 0, .5)
}

.progressbar.bg-black span,
.progressbar.color-black span {
	background-color: #000
}

.progressbar-infinite.bg-black,
.progressbar-infinite.color-black {
	background-color: rgba(0, 0, 0, .5)
}

.progressbar-infinite.bg-black:after,
.progressbar-infinite.bg-black:before,
.progressbar-infinite.color-black:after,
.progressbar-infinite.color-black:before {
	background-color: #000
}

.color-black i.icon,
i.icon.color-black {
	color: #000
}

.preloader.color-black svg circle,
.preloader.preloader-black svg circle {
	stroke: #000
}

.preloader.color-black .preloader-inner-gap,
.preloader.color-black .preloader-inner-half-circle,
.preloader.preloader-black .preloader-inner-gap,
.preloader.preloader-black .preloader-inner-half-circle {
	border-color: #000
}

.bg-black,
.list-block .swipeout-actions-left a.bg-black,
.list-block .swipeout-actions-right a.bg-black,
a.bg-black {
	background-color: #000
}

.list-block .bg-black .item-link.active-state,
.list-block .item-link.bg-black.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-black.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-black.active-state,
.list-block .item-linka.bg-black.active-state,
.list-block .list-block .swipeout-actions-left a.bg-black .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-black .item-link.active-state,
.list-block a.bg-black .item-link.active-state,
.list-block.bg-black .item-link.active-state,
.list-block.list-block .swipeout-actions-left a.bg-black .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-black .item-link.active-state,
.list-blocka.bg-black .item-link.active-state,
html:not(.watch-active-state) .list-block .bg-black .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-black:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-black:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-black:active,
html:not(.watch-active-state) .list-block .item-linka.bg-black:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block.bg-black .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-black .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-black .item-link:active {
	background: #333
}

.border-black {
	border-color: #000
}

.border-black:after,
.border-black:before,
.list-block .border-black.item-inner:after,
.list-block .border-black.item-inner:before,
.list-block ul.border-black:after,
.list-block ul.border-black:before {
	background-color: #000
}

.floating-button.bg-black,
.floating-button.color-black,
.speed-dial-buttons a.bg-black,
.speed-dial-buttons a.color-black {
	color: #fff;
	background: #000
}

.floating-button.bg-black.active-state,
.floating-button.color-black.active-state,
.speed-dial-buttons a.bg-black.active-state,
.speed-dial-buttons a.color-black.active-state,
html:not(.watch-active-state) .floating-button.bg-black:active,
html:not(.watch-active-state) .floating-button.color-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-black:active {
	background: #333
}

.floating-button.bg-black i,
.floating-button.color-black i,
.speed-dial-buttons a.bg-black i,
.speed-dial-buttons a.color-black i {
	color: inherit
}

.ripple-black .ripple-wave {
	background-color: rgba(0, 0, 0, .3)
}

.range-slider.color-black input[type=range]::-webkit-slider-thumb:before {
	background-color: #000
}

.range-slider.color-black input[type=range]::-webkit-slider-thumb {
	background-color: #000
}

.range-slider.color-black input[type=range]::-ms-thumb {
	background-color: #000
}

.range-slider.color-black input[type=range]::-ms-fill-lower {
	background-color: #000
}

.range-slider.color-black input[type=range]::-moz-range-thumb {
	background-color: #000
}

.badge.color-black {
	background-color: #000;
	color: #fff
}

body.panels-3d {
	-webkit-perspective: 1100px;
	-moz-perspective: 1100px;
	perspective: 1100px;
	overflow: hidden
}

body.panels-3d .views {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d
}

body.panels-3d .panel-reveal.panel-left {
	-webkit-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0)
}

body.panels-3d .panel-reveal.panel-right {
	-webkit-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0)
}

body.panels-3d.with-panel-left-reveal .views {
	-webkit-transform: translate3d(260px, 0, 0) rotateY(-30deg);
	transform: translate3d(260px, 0, 0) rotateY(-30deg);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

body.panels-3d.with-panel-left-reveal .panel-left {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

body.panels-3d.with-panel-right-reveal .views {
	-webkit-transform: translate3d(-260px, 0, 0) rotateY(30deg);
	transform: translate3d(-260px, 0, 0) rotateY(30deg);
	-webkit-transform-origin: left center;
	transform-origin: left center
}

body.panels-3d.with-panel-right-reveal .panel-right {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

body.panels-3d.largechapter.with-panel-right-reveal .views {
	-webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
	transform: translate3d(0, 0, 0) rotateY(0deg);
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.mui-refresh-main {
	left: 50%;
	margin-left: -25px;
	padding: 9px;
	z-index: 10001;
	background-color: #fff;
	overflow: hidden;
	border-radius: 999px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .19), 0 6px 13px 0 rgba(0, 0, 0, .24);
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .19), 0 6px 13px 0 rgba(0, 0, 0, .24);
	position: fixed;
	top: 0;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0)
}

.mui-refresh-main-animat {
	-webkit-transition: all .43s cubic-bezier(.08, .55, .81, 1.8)
}

.mui-refresh-nav {
	-webkit-transform: scale(1)
}

.mui-refresh-noshow {
	opacity: 0;
	-webkit-transform: scale(.01) !important;
	-webkit-transition: all .25s ease-in-out !important
}

.mui-refresh-wrapper {
	width: 25px;
	height: 25px
}

.mui-arrow-wrapper {
	-webkit-transition: all .2s ease
}

.mui-arrow-main,
.mui-half-circle {
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	border-width: 3px;
	border-style: solid;
	border-color: #000 #000 transparent;
	border-radius: 999px
}

.mui-arrow-main {
	margin-top: 10px;
	-webkit-transform: rotate(-37deg)
}

.mui-arrow-main:before {
	content: '';
	display: block;
	position: relative;
	top: 14px;
	left: 0;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	transform: rotate(-56deg);
	-webkit-transform: rotate(-56deg)
}

.mui-spinner-main {
	width: 25px;
	height: 25px;
	position: relative
}

.mui-spinner-main .mui-spinner-left,
.mui-spinner-main .mui-spinner-right {
	position: absolute;
	top: 0;
	height: 25px;
	width: 13px;
	overflow: hidden
}

.mui-spinner-main .mui-spinner-left {
	left: 0
}

.mui-spinner-main .mui-spinner-left .mui-half-circle {
	left: 0;
	border-right-color: transparent
}

.mui-spinner-main .mui-spinner-right {
	right: 0
}

.mui-spinner-main .mui-spinner-right .mui-half-circle {
	right: 0;
	border-left-color: transparent
}

.mui-blue-theme .mui-arrow-main {
	border-color: #2196f3 #2196f3 transparent
}

.mui-blue-theme .mui-arrow-main:before {
	border-color: #2196f3 #fff #fff
}

.mui-blue-theme .mui-spinner-main .mui-spinner-left .mui-half-circle,
.mui-blue-theme .mui-spinner-main .mui-spinner-right .mui-half-circle {
	border-top-color: #2196f3
}

.mui-blue-theme .mui-spinner-main .mui-spinner-left .mui-half-circle {
	border-left-color: #2196f3
}

.mui-blue-theme .mui-spinner-main .mui-spinner-right .mui-half-circle {
	border-right-color: #2196f3
}

.mui-spinner-wrapper {
	-webkit-animation: outer-rotate 2.91667s linear infinite;
	animation: outer-rotate 2.91667s linear infinite
}

.mui-spinner-main {
	-webkit-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
	animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
}

.mui-spinner-main .mui-spinner-left .mui-half-circle,
.mui-spinner-main .mui-spinner-right .mui-half-circle {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1.3125s;
	animation-duration: 1.3125s;
	-webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
	animation-timing-function: cubic-bezier(.35, 0, .25, 1)
}

.mui-spinner-main .mui-spinner-left .mui-half-circle {
	-webkit-animation-name: left-wobble;
	animation-name: left-wobble
}

.mui-spinner-main .mui-spinner-right .mui-half-circle {
	-webkit-animation-name: right-wobble;
	animation-name: right-wobble
}

@-moz-keyframes outer-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes outer-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes outer-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes outer-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes left-wobble {

	0%,
	100% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes left-wobble {

	0%,
	100% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-o-keyframes left-wobble {

	0%,
	100% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@keyframes left-wobble {

	0%,
	100% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-moz-keyframes right-wobble {

	0%,
	100% {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}

	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@-webkit-keyframes right-wobble {

	0%,
	100% {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}

	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@-o-keyframes right-wobble {

	0%,
	100% {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}

	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@keyframes right-wobble {

	0%,
	100% {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}

	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@-moz-keyframes sporadic-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@-webkit-keyframes sporadic-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@-o-keyframes sporadic-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@keyframes sporadic-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}

	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}

	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}

	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}

	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}

	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}

	100% {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

.dplayer {
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1
}

.dplayer:-webkit-full-screen {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0
}

.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,
.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move {
	-webkit-animation: danmaku-center 6s linear;
	animation: danmaku-center 6s linear;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
	-webkit-animation: danmaku 8s linear;
	animation: danmaku 8s linear;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment,
.dplayer.dplayer-no-danmaku-api .dplayer-controller .dplayer-icons .dplayer-comment,
.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danmaku,
.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-showdan,
.dplayer.dplayer-no-danmaku .dplayer-danmaku {
	display: none
}

.dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move {
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important
}

@media (min-width:900px) {

	.dplayer.dplayer-playing .dplayer-controller,
	.dplayer.dplayer-playing .dplayer-controller-mask {
		opacity: 0
	}

	.dplayer.dplayer-playing:hover .dplayer-controller,
	.dplayer.dplayer-playing:hover .dplayer-controller-mask {
		opacity: 1
	}
}

.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon {
	display: block
}

.dplayer.dplayer-loading .dplayer-danmaku .dplayer-danmaku-move {
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important
}

.dplayer.dplayer-playing.dplayer-hide-controller .dplayer-controller,
.dplayer.dplayer-playing.dplayer-hide-controller .dplayer-controller-mask {
	opacity: 1;
	-webkit-transform: translateY(93%);
	transform: translateY(93%);
	padding: 0;
}

.dplayer.dplayer-playing.dplayer-hide-controller .dplayer-controller .dplayer-bar-wrap {
	width: 100%;
}

.dplayer.dplayer-show-controller .dplayer-controller,
.dplayer.dplayer-show-controller .dplayer-controller-mask {
	opacity: 1
}

.dplayer.dplayer-fulled {
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.dplayer.dplayer-mobile .dplayer-camera-icon,
.dplayer.dplayer-mobile .dplayer-volume {
	display: none !important
}

.dplayer.dplayer-mobile .dplayer-full-in-icon {
	position: static !important;
	display: inline-block !important
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input {
	width: 200px
}

.dplayer.dplayer-mobile .dplayer-comment-setting-title {
	display: none
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box {
	left: 17px
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-icon {
	width: 40px
}

.dplayer .dplayer-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: none
}

.dplayer .dplayer-mask.dplayer-mask-show {
	display: block
}

.dplayer .dplayer-video-wrap {
	position: relative;
	background: #000;
	font-size: 0;
	width: 100%;
	height: 100%
}

.dplayer .dplayer-video-wrap .dplayer-video {
	width: 100%;
	height: 100%;
	display: none
}

.dplayer .dplayer-video-wrap .dplayer-video-current {
	display: block
}

.dplayer .dplayer-video-wrap .dplayer-video-prepare {
	display: none
}

.dplayer .dplayer-danmaku {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 22px;
	color: #fff
}

.dplayer .dplayer-danmaku .dplayer-danmaku-item {
	display: inline-block;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	white-space: nowrap;
	text-shadow: .5px .5px .5px rgba(0, 0, 0, .5)
}

.dplayer .dplayer-danmaku .dplayer-danmaku-item--demo {
	position: absolute;
	visibility: hidden
}

.dplayer .dplayer-danmaku .dplayer-danmaku-right {
	position: absolute;
	right: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.dplayer .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
	will-change: transform;
	-webkit-animation: danmaku 5s linear;
	animation: danmaku 5s linear;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

@-webkit-keyframes danmaku {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes danmaku {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.dplayer .dplayer-danmaku .dplayer-danmaku-bottom,
.dplayer .dplayer-danmaku .dplayer-danmaku-top {
	position: absolute;
	width: 100%;
	text-align: center;
	visibility: hidden
}

.dplayer .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,
.dplayer .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move {
	will-change: visibility;
	-webkit-animation: danmaku-center 4s linear;
	animation: danmaku-center 4s linear;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

@-webkit-keyframes danmaku-center {
	0% {
		visibility: visible
	}

	to {
		visibility: visible
	}
}

@keyframes danmaku-center {
	0% {
		visibility: visible
	}

	to {
		visibility: visible
	}
}

.dplayer .dplayer-bezel {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 22px;
	color: #fff;
	pointer-events: none
}

.dplayer .dplayer-bezel .dplayer-fill {
	fill: hsla(0, 0%, 100%, .8)
}

.dplayer .dplayer-bezel .dplayer-bezel-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -26px;
	height: 52px;
	width: 52px;
	padding: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	opacity: 0;
	pointer-events: none
}

.dplayer .dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition {
	-webkit-animation: bezel-hide .5s linear;
	animation: bezel-hide .5s linear
}

@-webkit-keyframes bezel-hide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes bezel-hide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

.dplayer .dplayer-bezel .dplayer-danloading {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	-webkit-animation: my-face 5s infinite ease-in-out;
	animation: my-face 5s infinite ease-in-out
}

.dplayer .dplayer-bezel .diplayer-loading-icon {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
	height: 36px;
	width: 36px;
	pointer-events: none
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide {
	display: none
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot {
	-webkit-animation: diplayer-loading-dot-fade .8s ease infinite;
	animation: diplayer-loading-dot-fade .8s ease infinite;
	opacity: 0;
	fill: #fff;
	-webkit-transform-origin: 4px 4px;
	transform-origin: 4px 4px
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

@-webkit-keyframes diplayer-loading-dot-fade {
	0% {
		opacity: .7;
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	50% {
		opacity: .25;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: .25;
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
}

@keyframes diplayer-loading-dot-fade {
	0% {
		opacity: .7;
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	50% {
		opacity: .25;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: .25;
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
}

.dplayer .dplayer-controller-mask {
	background: url() repeat-x bottom;
	height: 98px;
	width: 100%
}

.dplayer .dplayer-controller,
.dplayer .dplayer-controller-mask {
	position: absolute;
	bottom: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.dplayer .dplayer-controller {
	left: 0;
	right: 0;
	height: 41px;
	padding: 0 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dplayer .dplayer-controller .dplayer-bar-wrap {
	padding: 5px 0;
	cursor: pointer;
	position: absolute;
	bottom: 33px;
	width: calc(100% - 40px);
	height: 3px
}

.dplayer .dplayer-controller .dplayer-bar-wrap:hover .dplayer-thumb {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar-time {
	position: absolute;
	left: 0;
	top: -20px;
	min-width: 35px;/border-radius: 4px;
	padding: 5px 7px;
	background-color: rgba(0, 0, 0, .62);
	color: #fff;
	font-size: 12px;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar-time.hidden {
	opacity: 0
}

.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar {
	position: relative;
	height: 3px;
	width: 100%;
	background: hsla(0, 0%, 100%, .2);
	cursor: pointer !important
}

.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: hsla(0, 0%, 100%, .4);
	height: 3px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	will-change: width
}

.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 3px;
	will-change: width
}

.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb {
	position: absolute;
	top: 0;
	right: 5px;
	margin-top: -4px;
	margin-right: -10px;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	cursor: pointer !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.dplayer .dplayer-controller .dplayer-icons {
	height: 38px;
	position: absolute;
	bottom: 0
}

.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon {
	padding: 7px
}

.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right {
	max-width: 40vw;
	overflow: visible;
	display: inline-block;
	white-space: nowrap;
	right: 20px
}

.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon {
	padding: 8px
}

.dplayer .dplayer-controller .dplayer-icons #dplayer-menu {
	stroke: #ddd;
	stroke-width: 1px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-time {
	line-height: 38px;
	color: #eee;
	text-shadow: 0 0 2px rgba(0, 0, 0, .5);
	vertical-align: middle;
	font-size: 13px;
	cursor: default
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-icon {
	width: 40px;
	height: 100%;
	border: none;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-icon:hover {
	opacity: 1
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-quality-icon {
	color: #fff;
	width: auto;
	line-height: 22px;
	font-size: 14px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon {
	padding: 10px 9px 9px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon {
	padding-top: 8.5px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-fill {
	fill: #fff
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume {
	position: relative;
	display: inline-block;
	cursor: pointer !important;
	height: 100%
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar {
	width: 45px !important
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-thumb {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar {
	width: 45px !important
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-thumb {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap {
	display: inline-block;
	margin: 0 5px 0 0px;
	vertical-align: middle;
	height: 100%
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar {
	position: relative;
	top: 17px;
	width: 0;
	height: 3px;
	background: #aaa;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	will-change: width
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
	position: absolute;
	top: 0;
	right: 5px;
	margin-top: -4px;
	margin-right: -10px;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	cursor: pointer !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting {
	display: inline-block;
	height: 100%
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box {
	position: absolute;
	right: 0;
	bottom: 50px;
	-webkit-transform: translateX(170px);
	transform: translateX(170px);
	width: 150px;
	border-radius: 2px;
	background: rgba(28, 28, 28, .9);
	padding: 7px 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow: hidden;
	z-index: 2
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow {
	width: 70px;
	height: 180px;
	text-align: center
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item,
.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item {
	height: 30px;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover,
.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku {
	padding: 5px 0
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label {
	padding: 0 10px;
	display: inline
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label {
	display: none
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap {
	display: inline-block
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label {
	display: none
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap {
	display: inline-block
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	vertical-align: middle;
	height: 100%;
	width: 100%
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar {
	position: relative;
	top: 8.5px;
	width: 100%;
	height: 3px;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	background: #aaa;
	will-change: width
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb {
	position: absolute;
	top: 0;
	right: 5px;
	margin-top: -4px;
	margin-right: -10px;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	cursor: pointer !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #aaa
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-full {
	display: inline-block;
	height: 100%;
	position: relative
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon {
	display: block
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon {
	position: absolute;
	top: -30px;
	z-index: 1;
	display: none
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-quality {
	position: relative;
	display: inline-block;
	height: 100%;
	z-index: 2
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-list,
.dplayer .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-mask {
	display: block
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-mask {
	display: none;
	position: absolute;
	bottom: 38px;
	left: -18px;
	width: 80px;
	padding-bottom: 12px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-list {
	display: none;
	font-size: 12px;
	width: 80px;
	border-radius: 2px;
	background: rgba(28, 28, 28, .9);
	padding: 5px 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow: hidden;
	color: #fff;
	text-align: center
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item {
	height: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 25px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment {
	display: inline-block;
	height: 100%
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box {
	position: absolute;
	right: 0;
	bottom: 50px;
	-webkit-transform: translateX(382px);
	transform: translateX(382px);
	border-radius: 2px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 2
}

html.ios .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box.dplayer-comment-box-open {
	max-width: calc(100vw - 16px);
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box.dplayer-comment-box-open {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon {
	height: 24px;
	width: 24px;
	position: absolute;
	top: 5px;
	left: 7px;
	padding: 0;
	opacity: 1
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon:hover .dplayer-fill {
	fill: #aaa
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon .dplayer-fill {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	fill: #ddd
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box {
	position: absolute;
	background: #fff;
	bottom: 40px;
	left: -93px;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3);
	box-shadow: 0 0 25px rgba(0, 0, 0, .3);
	border-radius: 4px;
	padding: 10px 10px 16px;
	font-size: 14px;
	width: 204px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -12px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><path fill="#FFF" d="M23.7,0c-1.2,0-2.4,0.5-3.2,1.3l-7.7,7.8c-0.4,0.4-1.1,0.4-1.5,0L3.5,1.3C2.7,0.5,1.5,0,0.3,0"/></svg>');
	width: 24px;
	height: 12px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box input[type=radio] {
	display: none
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box label {
	cursor: pointer
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title {
	font-size: 14px;
	color: #555;
	padding: 6px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type {
	font-size: 0
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span {
	border-radius: 4px 0 0 4px
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span {
	border-radius: 0 4px 4px 0
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span {
	width: 33%;
	padding: 4px 6px;
	line-height: 16px;
	display: inline-block;
	font-size: 12px;
	color: #555;
	border: 1px solid #e4e4e6;
	margin-right: -1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+span {
	background: #e4e4e6
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color {
	font-size: 0
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label {
	font-size: 0;
	padding: 6px;
	display: inline-block
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span {
	width: 22px;
	height: 22px;
	display: inline-block;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover {
	-webkit-animation: my-face 5s infinite ease-in-out;
	animation: my-face 5s infinite ease-in-out;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color input:checked+span {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	border: none !important
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input {
	outline: none;
	border: none;
	padding: 8px 31px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	border-radius: 4px;
	width: 300px;
	background: #fff;
	margin: 0;
	height: auto
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon {
	height: 22px;
	width: 22px;
	position: absolute;
	top: 6px;
	right: 7px;
	padding: 0;
	opacity: 1
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon:hover .dplayer-fill {
	fill: #aaa
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon .dplayer-fill {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	fill: #ddd
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-label {
	color: #eee;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle {
	width: 32px;
	height: 100%;
	text-align: center;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	float: right
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input {
	max-height: 0;
	max-width: 0;
	display: none
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label {
	display: inline-block;
	position: relative;
	-webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
	box-shadow: inset 0 0 0 0 #dfdfdf;
	border: 1px solid #dfdfdf;
	height: 20px;
	width: 32px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after,
.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:before {
	content: "";
	position: absolute;
	display: block;
	height: 18px;
	width: 18px;
	top: 0;
	left: 0;
	border-radius: 15px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after {
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label {
	border-color: hsla(0, 0%, 100%, .5)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:before {
	width: 30px;
	background: hsla(0, 0%, 100%, .5)
}

.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:after {
	left: 12px
}

.dplayer .dplayer-menu {
	position: absolute;
	width: 150px;
	border-radius: 2px;
	background: rgba(28, 28, 28, .9);
	padding: 5px 0;
	overflow: hidden;
	z-index: 3;
	display: none
}

.dplayer .dplayer-menu.dplayer-menu-show {
	display: block
}

.dplayer .dplayer-menu .dplayer-menu-item {
	height: 30px;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.dplayer .dplayer-menu .dplayer-menu-item:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.dplayer .dplayer-menu .dplayer-menu-item .dplayer-menu-label a {
	color: #eee;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle
}

.dplayer .dplayer-logo {
	pointer-events: none;
	position: absolute;
	left: 20px;
	top: 20px;
	max-width: 50px;
	max-height: 50px
}

.dplayer .dplayer-logo img {
	max-width: 100%;
	max-height: 100%
}

.dplayer .dplayer-notice {
	opacity: 0;
	position: absolute;
	bottom: 60px;
	left: 20px;
	font-size: 14px;
	border-radius: 2px;
	background: rgba(28, 28, 28, .9);
	padding: 7px 20px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow: hidden;
	color: #fff;
	pointer-events: none
}

@-webkit-keyframes my-face {
	2% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	4% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	6% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	8% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	10% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	12% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	14% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	16% {
		-webkit-transform: translateY(-.5px) rotate(-1.5deg);
		transform: translateY(-.5px) rotate(-1.5deg)
	}

	18% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	20% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	22% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	24% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	26% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	28% {
		-webkit-transform: translateY(.5px) rotate(1.5deg);
		transform: translateY(.5px) rotate(1.5deg)
	}

	30% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	32% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	34% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	36% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	38% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	40% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	42% {
		-webkit-transform: translateY(2.5px) rotate(-1.5deg);
		transform: translateY(2.5px) rotate(-1.5deg)
	}

	44% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	46% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	48% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	50% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	52% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	54% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	56% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	58% {
		-webkit-transform: translateY(.5px) rotate(2.5deg);
		transform: translateY(.5px) rotate(2.5deg)
	}

	60% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	62% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	64% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	66% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	68% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	70% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	72% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	74% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	76% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	78% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	80% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	82% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	84% {
		-webkit-transform: translateY(1.5px) rotate(2.5deg);
		transform: translateY(1.5px) rotate(2.5deg)
	}

	86% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	88% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	90% {
		-webkit-transform: translateY(2.5px) rotate(-.5deg);
		transform: translateY(2.5px) rotate(-.5deg)
	}

	92% {
		-webkit-transform: translateY(.5px) rotate(-.5deg);
		transform: translateY(.5px) rotate(-.5deg)
	}

	94% {
		-webkit-transform: translateY(2.5px) rotate(.5deg);
		transform: translateY(2.5px) rotate(.5deg)
	}

	96% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	98% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	0%,
	to {
		-webkit-transform: translate(0) rotate(0deg);
		transform: translate(0) rotate(0deg)
	}
}

@keyframes my-face {
	2% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	4% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	6% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	8% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	10% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	12% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	14% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	16% {
		-webkit-transform: translateY(-.5px) rotate(-1.5deg);
		transform: translateY(-.5px) rotate(-1.5deg)
	}

	18% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	20% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	22% {
		-webkit-transform: translateY(.5px) rotate(-1.5deg);
		transform: translateY(.5px) rotate(-1.5deg)
	}

	24% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	26% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	28% {
		-webkit-transform: translateY(.5px) rotate(1.5deg);
		transform: translateY(.5px) rotate(1.5deg)
	}

	30% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	32% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	34% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	36% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	38% {
		-webkit-transform: translateY(1.5px) rotate(-1.5deg);
		transform: translateY(1.5px) rotate(-1.5deg)
	}

	40% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	42% {
		-webkit-transform: translateY(2.5px) rotate(-1.5deg);
		transform: translateY(2.5px) rotate(-1.5deg)
	}

	44% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	46% {
		-webkit-transform: translateY(-1.5px) rotate(2.5deg);
		transform: translateY(-1.5px) rotate(2.5deg)
	}

	48% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	50% {
		-webkit-transform: translateY(.5px) rotate(.5deg);
		transform: translateY(.5px) rotate(.5deg)
	}

	52% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	54% {
		-webkit-transform: translateY(-1.5px) rotate(1.5deg);
		transform: translateY(-1.5px) rotate(1.5deg)
	}

	56% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	58% {
		-webkit-transform: translateY(.5px) rotate(2.5deg);
		transform: translateY(.5px) rotate(2.5deg)
	}

	60% {
		-webkit-transform: translateY(2.5px) rotate(2.5deg);
		transform: translateY(2.5px) rotate(2.5deg)
	}

	62% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	64% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	66% {
		-webkit-transform: translateY(1.5px) rotate(-.5deg);
		transform: translateY(1.5px) rotate(-.5deg)
	}

	68% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	70% {
		-webkit-transform: translateY(1.5px) rotate(.5deg);
		transform: translateY(1.5px) rotate(.5deg)
	}

	72% {
		-webkit-transform: translateY(2.5px) rotate(1.5deg);
		transform: translateY(2.5px) rotate(1.5deg)
	}

	74% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	76% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	78% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	80% {
		-webkit-transform: translateY(1.5px) rotate(1.5deg);
		transform: translateY(1.5px) rotate(1.5deg)
	}

	82% {
		-webkit-transform: translateY(-.5px) rotate(.5deg);
		transform: translateY(-.5px) rotate(.5deg)
	}

	84% {
		-webkit-transform: translateY(1.5px) rotate(2.5deg);
		transform: translateY(1.5px) rotate(2.5deg)
	}

	86% {
		-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
		transform: translateY(-1.5px) rotate(-1.5deg)
	}

	88% {
		-webkit-transform: translateY(-.5px) rotate(2.5deg);
		transform: translateY(-.5px) rotate(2.5deg)
	}

	90% {
		-webkit-transform: translateY(2.5px) rotate(-.5deg);
		transform: translateY(2.5px) rotate(-.5deg)
	}

	92% {
		-webkit-transform: translateY(.5px) rotate(-.5deg);
		transform: translateY(.5px) rotate(-.5deg)
	}

	94% {
		-webkit-transform: translateY(2.5px) rotate(.5deg);
		transform: translateY(2.5px) rotate(.5deg)
	}

	96% {
		-webkit-transform: translateY(-.5px) rotate(1.5deg);
		transform: translateY(-.5px) rotate(1.5deg)
	}

	98% {
		-webkit-transform: translateY(-1.5px) rotate(-.5deg);
		transform: translateY(-1.5px) rotate(-.5deg)
	}

	0%,
	to {
		-webkit-transform: translate(0) rotate(0deg);
		transform: translate(0) rotate(0deg)
	}
}

@charset "utf-8";

html {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.statusbar-overlay {
	z-index: 10001;
	background: black;
}

html.android .statusbar-overlay {
	height: 20px;
}

html:not(.desktop):not(.with-statusbar-overlay) body.imm .navbar.navbar-hidden .tabbar,
body.imm .navbar.navbar-hidden .searchbar {
	height: 72px;
}

html:not(.desktop):not(.with-statusbar-overlay) body.imm .navbar.navbar-hidden .tabbar .toolbar-inner {
	padding-top: 24px;
}

html:not(.desktop):not(.with-statusbar-overlay) body.imm .navbar.navbar-hidden .searchbar .searchbar-input {
	margin-top: 24px;
}

.form-checkbox i:after,
label.label-checkbox i.icon-form-checkbox:after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.page {
	visibility: hidden;
}

.pageprogressbar .progressbar-infinite {
	position: absolute !important;
}

.page.page-on-left:not([data-page="Main"]) {
	display: none;
}

.page.page-on-left #Main .swiper-elements .item-content {
	padding-left: 0;
}

.page.page-on-left #Main .swiper-elements .item-media {
	display: none;
}

.page.page-on-left #Main .swiper-elements .detailveiw .class-item-img img {
	display: none;
}

html {
	font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
}

html:not(.inited):before,
body.splashlocked:before,
body.pagechange .swiper-elements:after,
body.pagechange .views .page:after {
	content: "ExView";
	text-align: center;
	line-height: 160vh;
	font-weight: lighter;
	font-size: -webkit-xxx-large;
	top: 0;
	left: 0;
	position: fixed !important;
	height: 100%;
	width: 100%;
	background: no-repeat url(img/logo.png), white;
	background-size: 40%;
	background-position: center 40%;
	z-index: 99999;
}

html:not(.inited):after {
	content: "©2016-2020 Gentle Personal.All rights reserved.";
	text-align: center;
	line-height: 195vh;
	font-weight: lighter;
	top: 0;
	left: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 99999;
}

body.gobalgraymode,
.graymode {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

body.panels-3d.with-panel-right-reveal .panel-right {
	transition-duration: 0ms;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 9999s;
	-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

.popover-on-bottom {
	max-height: 80vh;
	overflow: auto;
}

.photo-browser {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11500;
}

body>.photo-browser {
	opacity: 0;
	display: none;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

body>.photo-browser.photo-browser-in {
	display: block;
	-webkit-animation: photoBrowserIn 400ms forwards;
	animation: photoBrowserIn 400ms forwards;
}

body>.photo-browser.photo-browser-out {
	display: block;
	-webkit-animation: photoBrowserOut 400ms forwards;
	animation: photoBrowserOut 400ms forwards;
}

html.with-statusbar-overlay body>.photo-browser {
	height: -webkit-calc(100% - 20px);
	height: calc(100% - 20px);
	top: 20px;
}

.popup>.photo-browser .navbar,
body>.photo-browser .navbar,
.popup>.photo-browser .toolbar,
body>.photo-browser .toolbar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.photo-browser .page[data-page="photo-browser-slides"] {
	background: none;
}

.photo-browser-popup {
	background: none;
}

.photo-browser .navbar,
.views .view[data-page="photo-browser-slides"] .navbar,
.photo-browser .toolbar,
.views .view[data-page="photo-browser-slides"] .toolbar {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .navbar,
.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .toolbar {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .toolbar,
.photo-browser .page[data-page="photo-browser-slides"] .toolbar {
	bottom: 0;
	top: auto;
}

.photo-browser-exposed .navbar,
.photo-browser-exposed .toolbar {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.photo-browser-exposed .photo-browser-swiper-container {
	background: #000;
}

.photo-browser-of {
	margin: 0 5px;
}

.photo-browser-captions {
	pointer-events: none;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 10;
	opacity: 1;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.photo-browser-captions.photo-browser-captions-exposed {
	opacity: 0;
}

.toolbar~.photo-browser-captions {
	bottom: 48px;
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}

.photo-browser-exposed .toolbar~.photo-browser-captions {
	-webkit-transform: translate3d(0, 48px, 0);
	transform: translate3d(0, 48px, 0);
}

.toolbar~.photo-browser-captions.photo-browser-captions-exposed {
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}

.photo-browser-caption {
	box-sizing: border-box;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 4px 5px;
	width: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
}

.photo-browser-caption:empty {
	display: none;
}

.photo-browser-caption.photo-browser-caption-active {
	opacity: 1;
}

.photo-browser-captions-light .photo-browser-caption {
	background: rgba(255, 255, 255, 0.8);
}

.photo-browser-captions-dark .photo-browser-caption {
	color: #fff;
}

.photo-browser-exposed .photo-browser-caption {
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
}

.photo-browser-swiper-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.photo-browser-swiper-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.photo-browser-link-inactive {
	opacity: 0.3;
}

.photo-browser-slide {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	display: block;
}

.photo-browser-slide.transitioning {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.photo-browser-slide span.photo-browser-zoom-container {
	width: 100%;
	text-align: center;
	display: none;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	min-height: fill-available;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	box-sizing: border-box;
}

.photo-browser-slide img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: none;
}

.page[data-page="photo-browser-slides"]:not(.photo-browser-exposed) .photo-browser-slide img {
	max-width: 100vw !important;
	max-height: 100vh !important;
	width: auto !important;
	height: auto !important;
	display: initial !important;
}

.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,
.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,
.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.photo-browser-slide.swiper-slide-active img,
.photo-browser-slide.swiper-slide-next img,
.photo-browser-slide.swiper-slide-prev img {
	display: inline;
}

.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
	display: block;
}

.photo-browser-slide iframe {
	width: 100%;
	height: 100%;
}

.photo-browser-slide .preloader {
	display: none;
	position: absolute;
	width: 42px;
	height: 42px;
	margin-left: -21px;
	margin-top: -21px;
	left: 50%;
	top: 50%;
}

.photo-browser.photo-browser-dark .navbar,
.photo-browser.photo-browser-dark .toolbar {
	background: rgba(30, 30, 30, 0.8);
	color: #fff;
}

.photo-browser.photo-browser-dark .navbar:before,
.photo-browser.photo-browser-dark .toolbar:before {
	display: none;
}

.photo-browser.photo-browser-dark .navbar:after,
.photo-browser.photo-browser-dark .toolbar:after {
	display: none;
}

.photo-browser.photo-browser-dark .navbar a,
.photo-browser.photo-browser-dark .toolbar a {
	color: #fff;
}

.photo-browser.photo-browser-dark .photo-browser-swiper-container {
	background: #000;
}

@-webkit-keyframes photoBrowserIn {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(0.5);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

@keyframes photoBrowserIn {
	0% {
		transform: translate3d(0, 0, 0) scale(0.5);
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes photoBrowserOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0) scale(0.5);
		opacity: 0;
	}
}

@keyframes photoBrowserOut {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 0, 0) scale(0.5);
		opacity: 0;
	}
}

.multupdatepage,
.multhotpage,
.multtypepage {
	min-height: calc(100% + 8px);
}

.page[data-page='gobalsettingpage'] .list-block.inputs-list .label,
.page[data-page='gobalsettingpage'] .list-block .item-title {
	white-space: normal;
	max-width: auto;
}

.indexfavfullscreentitle {
	line-height: 56px;
	display: none;
	position: fixed;
	top: 0;
	height: 64px;
	width: 100%;
	z-index: 99999;
	background: white;
	border-bottom: 1px solid gainsboro;
}

body.indexfavfullscreen .indexfavlistpageindicator {
	margin-top: 72px;
	display: inline-block !important;
}

body.imm.hasstatusbar.indexfavfullscreen .indexfavlistpageindicator {
	margin-top: 96px;
	display: inline-block !important;
}

body.indexfavfullscreen .indexfavlistcontainter {
	min-height: calc(100vh - 72px - 36px);
}

body.imm.hasstatusbar.indexfavfullscreen .indexfavlistcontainter {
	min-height: calc(100vh - 96px - 36px);
}

@supports (position:sticky) {
	.indexfavfullscreentitle {
		position: sticky !important;
	}

	body.indexfavfullscreen .indexfavlistpageindicator {
		margin-top: 0 !important;
	}

	.sticky-bar {
		position: sticky;
		top: 56px;
		background: white;
		z-index: 9999;
		padding: 16px !important;
		border-bottom: 1px solid rgba(128, 128, 128, 0.33);
	}

	body.imm .sticky-bar {
		top: 80px;
	}

	.sticky-bar+.list-block ul:before {
		display: none !important;
	}
}

.swiper-elements:after {
	top: -56px;
	height: 100vh;
}

.swiper-mainpage {
	height: 100%;
	width: 100%;
}

.popover {
	width: 200px;
}

.ks-color-theme {
	height: 44px;
	cursor: pointer;
	margin-bottom: 10px;
}

body.with-panel-left-reveal .panel-overlay,
body.with-panel-right-reveal .panel-overlay {
	background: rgba(0, 0, 0, 0.1);
	display: block;
	opacity: 0.1;
}

.views .page:after {
	z-index: 499;
}

.modal-overlay,
.picker-modal-overlay,
.popup-overlay,
.preloader-indicator-overlay,
.panel-overlay {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.ios .picker-modal-inner {
	padding-bottom: 44px;
	-webkit-overflow-scrolling: touch;
}

.page[data-page='Main'] .toolbar-bottom {
	z-index: 99;
}

body:not(.smallroundcover) .item-media img.cardlistimg,
body:not(.smallroundcover) .cardleftpicfix>img {
	width: 25vw;
	height: 34vw;
	min-width: 97px;
	min-height: 130px;
	border-radius: 0px;
	background-color: white;
}

body .cardleftpicfixed .item-text {
	height: calc(40vw - 48px - 30px - 31px);
}

body .cardleftpicfixed .item-text.item-text-fill {
	height: calc(40vw - 48px - 30px - 31px + 21px);
}

.recommonitemmain-container {
	width: 100vw;
	position: relative;
	text-align: center;
	display: inline-block;
	margin: 32px 0;
}

.recommonitem-img-main {
	min-width: 150px;
	height: 200px;
	max-width: 90%;
	border-radius: 5px;
	border: 5px rgba(116, 100, 100, 0.23) solid;
}

.recommonitem-title {
	line-height: 1.2;
	font-size: 24px;
	font-weight: bolder;
	white-space: nowrap;
	overflow: hidden;
	width: 100vw;
	text-overflow: ellipsis;
	text-shadow: 0 0 3px white;
}

.recommonitem-title-stitle {
	font-size: 16px;
}

.smallroundcover .multdownloaditem:not(.downloadcontent-open) {
	height: 120px;
}

.smallroundcover .multdownloaditem:not(.downloadcontent-open) .item-inner {
	height: 120px;
}

.multdownloaditem.downloadcontent-open,
.multfavall.multfavall-open,
.multnotic.multnotic-open,
.multsearch.multsearch-open {
	position: fixed !important;
	width: 100vw !important;
	height: calc(100vh - 56px) !important;
	max-height: none;
	max-width: none;
	top: 56px !important;
	z-index: 2000 !important;
	background-color: white;
	margin: 0;
}

body.imm .multdownloaditem.downloadcontent-open,
body.imm .multfavall.multfavall-open,
body.imm .multnotic.multnotic-open,
body.imm .multsearch.multsearch-open {
	height: calc(100vh - 80px) !important;
	top: 80px !important;
}

.ios body .multsearch.multsearch-open {
	height: calc(100vh - 44px - 56px) !important;
	top: calc(56px + 44px) !important;
}

.ios body.imm .multsearch.multsearch-open {
	height: calc(100vh - 44px - 80px) !important;
	top: calc(80px + 44px) !important;
}

.ios body.hasnotch .multsearch.multsearch-open {
	height: calc(100vh - 44px - 56px - 15px) !important;
	top: calc(56px + 44px) !important;
}

.ios body.imm.hasnotch .multsearch.multsearch-open {
	height: calc(100vh - 44px - 80px - 15px) !important;
	top: calc(80px + 44px) !important;
}

.indexfavlistopbar {
	margin: 0;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	padding: 16px;
	width: calc(100% - 32px);
}

.indexfavlistcontainter .indexfavlistitem {
	background: #fff;
	margin: 5px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.indexfavlistcontainter {
	width: 100vw;
	display: inline-block;
	text-align: center;
}

.indexfavlistpageindicator {
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	line-height: 10px;
}

.indexfavlistpage {
	width: 10px;
	height: 10px;
	padding: 0 10px;
	color: white;
	display: inline-block;
	white-space: nowrap;
	border-radius: 10px;
}

.indexlistupdatenotic {
	position: relative;
	margin-bottom: -16px;
	background: rgba(162, 3, 3, 0.6);
	height: 16px;
	line-height: 16px;
	color: white;
	font-size: 8px;
	float: right;
	padding: 0 3px;
	border-bottom-left-radius: 3px;
}

.item-media img {
	width: 40px;
	height: 40px;
	max-width: none;
	border-radius: 100%;
	box-shadow: 0px 0px 3px;
}

.smallroundcover .item-media img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 100% !important;
}

.multdownloaditem.downloadcontent-open img {
	width: 97px !important;
	height: 130px !important;
	border-radius: 0 !important;
}

.downloadcontent-open .cardleftpicfix {
	margin-left: -16px !important;
	padding: 0 !important;
}

.multfavall.multfavall-open .multlistheader,
.multnotic.multnotic-open .multlistheader,
.multsearch.multsearch-open .multlistheader {
	position: initial !important;
	background-color: initial !important;
}

.multfavall.multfavall-open .multlistcontent,
.multnotic.multnotic-open .multlistcontent,
.multsearch.multsearch-open .multlistcontent {
	height: calc(100vh - 56px - 56px) !important;
	overflow: auto;
}

body.imm .multfavall.multfavall-open .multlistcontent,
body.imm .multnotic.multnotic-open .multlistcontent,
body.imm .multsearch.multsearch-open .multlistcontent {
	height: calc(100vh - 56px - 80px) !important;
}

.ios body .multfavall.multfavall-open .multlistcontent,
.ios body .multnotic.multnotic-open .multlistcontent {
	height: calc(100vh - 48px - 56px - 56px) !important;
}

.ios body .multsearch.multsearch-open .multlistcontent {
	height: calc(100vh - 48px - 44px - 56px - 56px) !important;
}

.ios body.imm .multfavall.multfavall-open .multlistcontent,
.ios body.imm .multnotic.multnotic-open .multlistcontent {
	height: calc(100vh - 48px - 56px - 80px) !important;
}

.ios body.imm .multsearch.multsearch-open .multlistcontent {
	height: calc(100vh - 48px - 44px - 56px - 80px) !important;
}

.ios body.hasnotch .multfavall.multfavall-open .multlistcontent,
.ios body.hasnotch .multnotic.multnotic-open .multlistcontent {
	height: calc(100vh - 15px - 48px - 56px - 56px) !important;
}

.ios body.hasnotch .multsearch.multsearch-open .multlistcontent {
	height: calc(100vh - 15px - 48px - 44px - 56px - 56px) !important;
}

.ios body.imm.hasnotch .multfavall.multfavall-open .multlistcontent,
.ios body.imm.hasnotch .multnotic.multnotic-open .multlistcontent {
	height: calc(100vh - 15px - 48px - 56px - 80px) !important;
}

.ios body.imm.hasnotch .multsearch.multsearch-open .multlistcontent {
	height: calc(100vh - 15px - 48px - 44px - 56px - 80px) !important;
}

#download-page .multdownloaditem.downloadcontent-open {
	top: 0px !important;
}

.noscroll {
	overflow: hidden !important;
}

.multdownpage .multdownloaditem.downloadcontent-open .downloadcontent {
	height: calc(100vh - 56px - 130px) !important;
}

body.imm .multdownpage .multdownloaditem.downloadcontent-open .downloadcontent {
	height: calc(100vh - 80px - 130px) !important;
}

.ios body .multdownpage .multdownloaditem.downloadcontent-open .downloadcontent {
	height: calc(100vh - 56px - 48px - 130px) !important;
}

.ios body.imm .multdownpage .multdownloaditem.downloadcontent-open .downloadcontent {
	height: calc(100vh - 80px - 48px - 130px) !important;
}

.ios body.hasnotch .multdownpage .multdownloaditem.downloadcontent-open .downloadcontent {
	height: calc(100vh - 56px - 48px - 15px - 130px) !important;
}

.ios body.imm.hasnotch .multdownpage .multdownloaditem.downloadcontent-open .downloadcontent {
	height: calc(100vh - 80px - 48px - 15px - 130px) !important;
}

.multdownloaditem.downloadcontent-open .downloadcontent {
	overflow: auto;
}

.page[data-page="Index"] .indexfavlist#plugins {
	box-shadow: 0px 0px 10px 0px;
	width: 100vw;
	padding: 0;
}

.page[data-page="Index"] .sortable {
	margin: 0;
}

.indexfavlistitem {
	width: 60px;
	height: 80px;
	width: calc((100vw - 40px) / 3);
	height: calc((100vw - 40px) / 3 / 0.75);
	display: inline-block;
}

body.indexfavlistfiverow .indexfavlistcontainter .indexfavlistitem {
	width: calc((100vw - 50px) / 5);
	height: calc((100vw - 50px) / 5 / 0.75);
}

.index-hislist {
	white-space: nowrap;
	float: left;
	height: 100%;
	display: inline-block;
	text-align: center;
	width: 60%;
	width: calc(100% - 56px - 32px);
	overflow: auto;
	overflow-y: hidden;
}

.index-hislist .hiscard {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
}

.right-dot {
	padding: 3px;
	border-radius: 10px;
	width: 1px;
	height: 1px;
	float: right;
}

.hide {
	display: none;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	50.01% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	50.01% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

.blink {
	animation: blink .75s linear infinite;
	-webkit-animation: blink .75s linear infinite;
}

.indexpluginicon {
	margin: 8px;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	box-shadow: 0px 0px 3px;
}

.indexpluginslist-expend {
	width: 100%;
}

.imgzoom_pack {
	width: 100%;
	height: 100%;
	z-index: 999999;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	display: none;
}

.imgzoom_pack .imgzoom_x {
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #000;
	opacity: 0.6;
	border-radius: 30px;
	text-align: center;
	position: absolute;
	right: 5px;
	top: 25px;
	z-index: 10;
	cursor: pointer;
}

.imgzoom_pack .imgzoom_img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.imgzoom_pack .imgzoom_img img {
	width: 100%;
	position: absolute;
	top: 50%;
}

::-webkit-scrollbar-track-piece {
	background: #FFF;
}

::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar:window-inactive {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	height: 0px;
	background-color: #999;
	border: none;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #666;
}

textarea::-webkit-scrollbar {
	width: 4px !important;
}

textarea::-webkit-scrollbar:window-inactive {
	width: 4px !important;
}

* {
	word-break: break-all;
}

*:not(.photo-browser-swiper-wrapper) {
	-webkit-transform-style: flat !important;
	transform-style: flat !important;
}

.bottombartitle {
	max-width: calc(100vw / 4);
	overflow: hidden;
	text-overflow: ellipsis;
}

.actions-modal.modal-in {
	overflow: initial;
	max-height: calc(100% - 48px);
	bottom: 0px;
}

.actions-modal-img {
	border: white 5px solid;
	border-radius: 100px;
	width: 100px;
	height: 100px;
	background-color: white;
	background-position: center;
	background-size: cover;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 0;
	top: -100px;
	left: 0px;
	position: absolute;
}

.actions-modal-title {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding-left: 0px;
}

.multdownloaditem .item-text {
	overflow: hidden;
	white-space: nowrap;
}

.navbutton {
	white-space: normal;
	height: 24px;
	line-height: 24px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 0 !important;
}

.cgcontainer {
	text-align: center;
}

.xcgimg {
	width: 100%;
}

.cgimg {
	max-width: 100%;
	max-height: 30vh;
	padding: 5px;
	margin: 5px;
	box-shadow: 3px 3px 3px;
	border: 1px solid;
}

.chip .chip-media+.chip-label {
	font-weight: bolder;
	color: white;
	text-shadow: 0 0 3px black;
}

.page {
	z-index: 1 !important;
}

#card-page .card-noelegance .card-content-inner {
	position: initial;
}

#card-page .card-noelegance .card-description {
	padding-bottom: 20px;
}

#card-page .card-noelegance .card-stitle {
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: right;
	position: absolute;
	max-width: calc(50vw - 20px);
	right: 10px;
	bottom: 10px;
}

.navbar-hidden .searchbar {
	height: 57px;
}

.cardcontainer ul:before,
.cardcontainer ul:after {
	display: none;
}

.card-header-box {
	background: gray;
}

.photo-browser .toolbar {
	bottom: 0 !important;
	top: auto !important;
	transform: translate3d(0, 0, 0) !important;
}

#card-page .card-elegance,
#card-page .card-elegance .card-header-box {
	height: calc(100vh - 120px);
}

#card-page .card-elegance.card-notoolbar,
#card-page .card-elegance.card-notoolbar .card-header-box {
	height: calc(100vh - 72px);
}

#card-page .card-elegance .card-header,
#card-page .card-elegance .card-header-box {
	height: calc(100vh - 165px);
}

#card-page .card-elegance.card-notoolbar .card-header,
#card-page .card-elegance.card-notoolbar .card-header-box {
	height: calc(100vh - 117px);
}

#card-page .card-elegance .card-content {
	text-shadow: 0px 0px 5px white;
	width: calc(100vw - 15px);
	margin-top: calc(48px - 50vh);
	background: -webkit-linear-gradient(top, rgba(204, 204, 204, 0), white);
	height: calc(50vh - 48px);
}

#card-page .card-elegance .card-content .card-content-inner {
	width: calc(100vw - 40px);
	bottom: 0;
	position: absolute;
}

#card-page .card-elegance .card-content .card-content-inner .card-title {
	color: black;
}

#card-page .card-elegance .card-description {
	max-height: 10vh;
	overflow: hidden;
	word-break: break-word;
}

#card-page .card-elegance .card-stitle {
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}

#card-page .carditem .item-text {
	overflow: auto
}

.card-footer a.link,
.card-header a.link {
	min-width: inherit !important;
}

.actions-modal .actions-modal-label {
	pointer-events: none;
	padding-top: 0;
	padding-bottom: 0
}

.modal-buttons {
	width: 100%;
}

.badge {
	white-space: nowrap;
	padding: 0px 6px;
	border-radius: 10px;
	line-height: 20px;
	overflow: hidden;
}

.divimg {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	border-radius: 40px;
}

.notifications {
	z-index: 99998;
	max-height: 100%;
	overflow: auto;
}

.card {
	border-radius: 0px;
}

.person_img {
	border-radius: 180px;
	height: 180px;
	width: 180px;
	border: 3px solid;
	display: inline-block;
	border-color: rgba(116, 100, 100, 0.23);
	background-size: calc(100% + 10px);
	background-position: center;
	background-repeat: no-repeat;
}

body:not(.leftpanelbigavatar) .panel-left .personinfo {
	text-align: left !important;
	height: 130px !important;
}

body:not(.leftpanelbigavatar) .panel-left .personinfo>.person_img {
	margin-top: 32px !important;
	height: 80px !important;
	width: 80px !important;
	margin-left: 8px !important;
}

body:not(.leftpanelbigavatar) .panel-left .personinfo>.person_name {
	display: initial !important;
	position: relative;
	top: -20px !important;
	margin-left: 16px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	width: 130px !important;
}

body:not(.leftpanelbigavatar) .panel-left .personinfo>.person_name>div {
	margin-left: 10px !important;
}

.dplayer-comment-box.dplayer-comment-box-open.focus {
	top: 0 !important;
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
}

.dplayer-comment-box.dplayer-comment-box-open.focus .dplayer-comment-input {
	width: 100% !important;
	margin-left: -24px !important;
}

.dplayer-comment-box.dplayer-comment-box-open .dplayer-comment-setting-open {
	left: calc(50% - 112px) !important;
}

.dplayer-comment-box.dplayer-comment-box-open.focus .dplayer-comment-setting-open {
	top: 40px !important;
	bottom: initial !important;
}

.page[data-page="Index"] .navbar-inner .center {
	margin-left: 8px;
	margin-right: 0;
}

.list-block .item-after {
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 0px;
}

.list-block .list-block-label {
	margin: -10px 0 0 50px
}

.notifications .item-after {
	margin-left: 0px
}

.close-notification {
	min-width: 0px;
	padding: 0
}

.actions-modal.modal-in {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.ios #listpage {
	padding-bottom: 44px;
}

#listcontent_items.itembox ul {
	text-align: center;
}

#listcontent_items.itembox ul>li {
	width: 52px;
	float: none !important;
	display: inline-block;
}

#listcontent_items.itembox .item-content {
	padding-left: 6px;
}

#listcontent_items:not(.showall)>ul>li:nth-child(n+31),
#listcontent_items .itemgroup:not(.showall) ul>li:nth-child(n+31) {
	display: none;
}

#downloadslistcontent_items:not(.showall)>ul>li:nth-child(n+61) {
	display: none;
}

#listpic {
	margin: 0;
	padding: 0;
}

#listcontent {
	margin-top: 0;
}

#listpic .hcovertags {
	display: none;
}

#listpic .pcovertags {
	display: block;
}

#listcontent .listcontent_progress .content-block-title {
	margin-top: 8px;
}

#listpic .description {
	box-shadow: 0px 0px 10px 0px;
	max-height: 100px;
	overflow: auto;
	padding: 0px 10px;
}

#listpic .description * {
	max-width: 100% !important;
	overflow: hidden;
}

#listpic .description video,
#listpic .description audio,
#listpic .description iframe,
#listpic .description img {
	width: 100% !important;
}

#listpic .description img {
	object-fit: contain;
}

#listpic .description *,
.message-text {
	-webkit-user-select: text;
	user-select: text;
}

#listpic .description>p {
	margin: auto;
}

#listpic .description>p:nth-child(1) {
	margin-top: 1em;
}

#listpic .description>p:nth-child(1)>p:nth-child(1) {
	margin-top: 1em;
}

#listpic .description>p:nth-last-child(1) {
	margin-bottom: 1em;
}

body.largechapter #listpic .listcover {
	position: relative;
}

body.largechapter #listpic .listbuttons {
	text-align: center;
	display: flex;
	position: relative;
	width: 100%;
}

#listpic .button {
	border-radius: 0;
}

body.largechapter #listpic .listcover>a.button {
	bottom: 0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3) !important;
	font-size: inherit;
}

body.largechapter #listpic .button {
	height: auto;
	min-width: 0;
	line-height: 16px;
	font-size: 12px;
	width: 100%;
	padding: 10px 0;
	text-overflow: initial;
}

.listcover img {
	display: block;
}

.modal-text {
	overflow: auto;
	max-height: 60vh;
}

.xcard-footer .footer-link {
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	padding: 0 4px
}

.xcard-footer i {
	margin-top: -3px;
}

iframe {
	max-width: 100vw !important;
	display: block;
}

.page-content {
	overflow: auto;
	overflow-x: hidden;
	max-width: 100vw;
}

body:not(.isandroidkitkat) .page-content {
	position: initial !important;
}

.searchbar {
	margin-top: -1px;
}

#previewpage .button {
	border-radius: 0;
	margin-top: -1px;
}

.pageprogressbar {
	position: absolute;
	top: 56px;
	width: 100%;
}

.presoninfo_bg {
	width: 100%;
	background: -webkit-linear-gradient(bottom, white, transparent), url(img/loading.png);
	background-size: cover;
	background-position: center top;
}

.person_name {
	font-weight: bolder;
	color: white;
	text-shadow: 0 0 3px black;
}

.detailveiw {
	padding: 32px 1rem 0;
	overflow: hidden;
	text-align: center;
	margin: 0 0 -1rem 0;
}

.detailveiw a {
	text-align: center;
	margin-bottom: 0rem;
	float: left;
	width: calc(100% / 3);
	min-height: 9rem;
	display: inline-block
}

.detailveiw .class-item-img {
	border: 5px solid white;
	background-color: white;
	width: 5.5rem;
	height: 5.5rem;
	margin: 0 auto .65rem;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	box-shadow: 0px 0px 10px black;
}

.detailveiw .class-item-img img {
	width: 100%;
	height: 100%;
}

.detailveiw .class-item-font {
	text-shadow: 0px 0px 3px black;
	color: white;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.right a.link.icon-only {
	margin-left: -16px
}

.cardcontainer {
	display: block;
	min-height: 100vh;
	min-height: calc(100vh - 56px - 48px + 16px);
}

body.imm .cardcontainer {
	min-height: calc(100vh - 80px - 48px + 16px);
}

.gallerymode .galleryitem {
	float: left;
	display: inline-block;
	width: 33.3vw;
	height: 44.4vw;
	height: calc(33.3vw / 0.75);
	overflow: hidden;
}

.gallerymode .galleryitem.card {
	width: 30.8vw;
	margin-left: 2vw;
	margin-right: 0vw;
	margin-top: 2vw;
	margin-bottom: 0vw;
}

.watermode .galleryitem {
	float: left;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

.watermode .galleryitem.card {
	width: calc(100% - 8px) !important;
	;
	margin: 4px;
}

.gallerytitle {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	;
	font-size: 12px;
	overflow: hidden;
	margin-top: -1em;
	color: white;
	text-shadow: 0 0 3px black;
	display: block;
}

.gallerytitle>div {
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.pageprogressbar {
	z-index: 999;
}

.multsearchprogress {
	top: 103px !important;
}

#navtitle {
	line-height: 1.2;
}

#Download.page-content,
#Favorite.page-content {
	z-index: initial;
}

.downloadcontent .item-after {
	max-width: 100%;
}

.page-content>.list-block>ul:before,
.page-content>ul:before,
.swiper-elements-page>ul:before,
.swiper-elements-page>ul:after {
	display: none;
}

.swiper-elements {
	font-weight: 300;
	overflow-y: auto;
	overflow-x: hidden;
	display: block !important;
	margin: 0 !important
}

.ios .swiper-elements {
	overflow-y: hidden !important;
	-webkit-transition-duration: 1000ms;
	transition-duration: 1000ms;
	visibility: hidden;
}

.ios .swiper-elements.swiper-slide-active {
	overflow-y: auto !important;
	visibility: visible;
}

.ios .swiper-elements.noscroll {
	overflow-y: hidden !important;
}

.list-block .swipeout {
	-webkit-transform-style: initial;
	transform-style: initial;
}

#favlist {
	transform: initial !important;
	z-index: initial !important;
}

#fav-page.swiper-elements-page {
	width: 100%;
	min-height: 100%;
}

.swiper-elements-page {
	overflow: hidden;
}

#type-page .typegroup:not(.hidegroup) {
	position: fixed;
	width: calc(100% - 32px);
	top: 0;
	background: gainsboro;
	z-index: 1;
}

#type-page .typegroup:not(.hidegroup)+.list-block {
	max-height: none;
	position: fixed;
	width: 100%;
	top: 48px;
	height: calc(100% - 48px);
	overflow: auto !important;
	background: white;
	z-index: 1;
}

.cardremovedsave {
	border-radius: 0;
	width: 100vw;
}

.page:not([data-page="Main"]) .cardremovedsave {
	top: 56px;
	position: fixed;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5) !important;
}

.textviewer-lightoverlay {
	position: absolute;
	height: 100vh;
	width: 100vw;
	background: black;
	pointer-events: none;
	opacity: 0;
	z-index: 100000;
}

#textviewerpage img {
	max-width: 100%;
}

#textviewerpage .img img {
	opacity: 0;
}

#textviewerpage .readed img {
	max-width: 50%;
	opacity: 1;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.textviewer-img-container {
	float: left;
	margin-top: -80px;
	position: relative;
	height: 209px;
}

.textviewer-img {
	width: 128px;
	height: 197px;
	margin-left: 10px;
	border: 3px #000 solid
}

.textviewer-title {
	float: left;
	padding: 16px 16px 16px 160px;
	color: #fff;
	height: 100px;
	width: 100vw;
	margin-top: -130px;
	overflow: hidden;
	line-height: 1.2
}

.buttons-panel {
	white-space: nowrap;
	overflow: auto;
}

.textviewerpage-settingpanel {
	color: #fff;
	padding: 16px;
	text-align: center;
	white-space: nowrap;
	max-height: 40vh;
	max-height: calc(100vh - 201px);
	overflow: auto;
}

.textviewerbutton {
	margin-right: 16px;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 50px;
	max-width: inherit;
	min-width: inherit;
}

.pagerightbutton {
	margin-left: -20px !important
}

.rltitem {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.nomediapic,
body.nopicmode .media-list>ul>li>a>.item-content>.item-media,
body.nopicmode .media-list>ul>li>.item-content>.item-media {
	width: 0 !important;
	min-width: 0 !important;
	margin-left: -16px !important;
	visibility: hidden !important;
}

.photo-swiper-button-next,
.photo-swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 56px;
	height: 44px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.searchbar .searchbar-addtag {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 4px;
	right: 75px;
	cursor: pointer;
	display: none
}

.searchbar .searchbar-confirm {
	position: absolute;
	width: 56px;
	height: 100%;
	top: 4px;
	right: -30px;
	cursor: pointer
}

.photo-swiper-button-bottom,
.textviewer-button-bottom {
	text-align: right;
	line-height: 48px;
	z-index: 2;
	background: 0 0;
	bottom: 0;
	width: 100%;
	height: 48px;
	position: absolute
}

.photo-browser-counter,
.textviewer-counter,
.vphotomodepage-counter {
	color: #fff;
	z-index: 2;
	opacity: .3;
	border-radius: 5px;
	padding: 0 10px;
	margin-right: 10px
}

.vphotomodepage-counter {
	margin-right: 0;
	position: fixed;
	bottom: 0px;
	right: 0px;
	border-radius: 0;
	z-index: 3;
}

.photo-browser-counter,
.vphotomodepage-counter {
	background: #000;
}

.photo-browser-counter {
	float: right;
	margin-right: 0px;
	padding: 0 10px;
	border-radius: 0;
	display: block;
}

.textviewer-statusbaritem {
	width: 40%;
	float: left;
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 1;
}

.textviewer-statusbar-top {
	display: none;
}

body.hasstatusbar .textviewer-statusbar-top {
	display: block;
}

.textviewer-statusbar {
	height: 14px;
	background: rgba(0, 0, 0, 0.3);
	color: white;
	overflow: hidden;
	font-size: 12px;
	line-height: 14px;
	bottom: 0;
	position: fixed;
	width: 100vw;
}

body:not(.smallroundcover) .cardleftpicfix {
	margin-left: -16px !important;
	padding: 0 !important;
}

.cardleftpic .item-title {
	font-weight: bolder;
	font-size: 20px;
}

.cardleftpic .item-subtitle {
	font-weight: bolder;
}

.cardleftpic .footer-link {
	color: black;
}

.cardleftpic .item-text {
	max-height: none;
	margin-bottom: 30px;
	-webkit-line-clamp: unset;
}

.preloader-indicator-modal {
	z-index: 13499;
}

.cardleftpic .item-panel {
	display: inline-block;
	float: right;
	max-width: 70%;
	min-width: 60%;
	margin-top: -45px;
	height: 35px;
	bottom: 0;
	position: relative;
	padding-right: 10px;
	overflow: hidden;
	padding: 0px 0 10px;
}

body.smallroundcover .cardleftpic .item-panel,
body.nopicmode .cardleftpic .item-panel {
	max-width: 100%;
}

body.isandroidkitkat #cardlist * {
	max-width: 100vw;
	overflow-x: hidden;
}

.item-table {
	text-align: center;
	width: 100%;
	margin: 0;
	border: 0;
	border-top: 1px;
	border-color: rgba(220, 220, 220, 0.35);
	border-style: solid;
	line-height: 42px;
}

.leftsideopenpanel {
	position: fixed;
	width: 10px;
	height: 100%;
	z-index: 2;
}

.modal-overlay.modal-overlay-visible,
.picker-modal-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible {
	pointer-events: auto !important;
	touch-action: none !important;
}

.nohidenavbar {
	transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
}

.nohidetoolbar {
	transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
}

.photo-swiper-zoom-slider {
	display: none;
	text-align: center;
	bottom: 0px;
	width: 100%;
	height: 48px;
	position: absolute;
	z-index: 1000;
	opacity: 0.3;
}

.photo-swiper-zoom-counter {
	display: none;
	float: left;
	z-index: 999;
	color: rgb(255, 255, 255);
	border-radius: 0px;
	padding: 0 10px;
	opacity: .3;
}

.textviewer-panel {
	display: none;
	z-index: 3;
	position: fixed;
	bottom: 48px;
	width: 100vw;
	max-height: 90%;
	max-height: calc(100vh - 48px);
	background: rgba(0, 0, 0, .8);
	overflow: inherit
}

.ks-card-header-pic .card-header-landscape {
	float: right;
	width: 50%
}

.ks-card-header-pic .card-content-landscape {
	word-wrap: break-word;
	width: 50%
}

.ks-card-header-pic {
	overflow: hidden
}

.dynamic-page .navbar .center {
	margin: 0 !important
}

.dynamic-page.page[data-page='Main'] .navbar #navtitle {
	margin: 0 8px !important
}

.photo-browser .navbar .center {
	margin: 0 16px !important
}

.content-block-title {
	padding-top: 0
}

.ks-card-header-pic .card-header {
	height: 128vw;
	background-size: cover;
	background-position: top
}

.modal.modal-in {
	margin-top: 0;
	overflow: visible
}

.modal-buttons.modal-buttons-vertical .modal-button {
	text-align: center
}

.modal-inner {
	padding: 24px 24px 10px
}

.photo-swiper-button-prev {
	background: 0 0;
	left: 0;
	top: 0;
	height: 100%
}

.photo-swiper-button-next {
	background: 0 0;
	right: 0;
	top: 0;
	height: 100%
}

.searchbar-overlay {
	opacity: 1 !important;
	pointer-events: auto !important;
	display: none
}

.floating-button {
	display: none
}

.toolbar a.link {
	text-align: center;
	line-height: normal !important;
	height: 48px
}

.card-footer a.link {
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: flex
}

.pull-to-refresh-layer {
	display: none;
	position: relative !important;
	z-index: 999 !important;
	margin-top: 0 !important;
	min-height: 90px
}

*:not(input):not(textarea) {
	-webkit-user-select: none;
	-moz-user-select: none;
}

.searchbar-clear {
	right: 20px !important
}

.right.sliding {
	padding-right: 10px;
	max-width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block
}

.searchbar {
	z-index: 101
}

.chip {
	max-width: 100%
}

.photo-browser-popup.popup:not(.tablet-fullscreen) {
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	margin-left: 0 !important;
	margin-top: 0 !important
}

.open-setting.link.icon-only,
.open-webpage.link.icon-only {
	display: none
}

.playvideo {
	overflow: hidden;
	height: 100%;
	width: 100%
}

.playvideo-menu {
	position: relative;
	margin-top: -40px;
	float: right
}

.navbar-inner>.center {
	line-height: 1.2;
}

.page[data-page="panel-left"] .page-content,
.page[data-page="textviewerpage"] .page-content,
.page[data-page="Search"] .page-content {
	position: initial;
}

.panelbottombar {
	z-index: 10000;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	box-shadow: 0px 1px 10px 0px;
	height: 48px;
	line-height: 48px;
	background: white;
}

.androidtextinputfixed {
	top: 80px !important;
}

.list-block .item-link,
.list-block .list-button {
	color: inherit !important;
}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
	color: #fff !important;
}

.boxitem {
	font-size: 10px;
}

.boxitem .boxitem-content {
	padding: 3px;
	border-radius: 3px;
	margin-right: 3px;
}

body.indexfavfullscreen .presoninfo_bg,
body.indexfavfullscreen .type-lists,
body.indexfavfullscreen .feature-lists,
body.indexfavfullscreen .about-lists,
body.indexfavfullscreen .indexfavicon,
body.indexfavfullscreen .view-main .page[data-page="Index"] .navbar,
body.indexfavfullscreen .view-main .page[data-page="Index"] iframe {
	display: none !important;
}

body.imm.hasstatusbar.indexfavfullscreen .indexfavfullscreentitle {
	padding-top: 24px !important;
}

body.indexfavfullscreen .view-main .page[data-page="Index"] .page-content {
	padding-top: 0 !important;
}

body.indexfavfullscreen .indexfavfullscreentitle {
	display: block !important;
}

body.imm .statusbar-overlay {
	display: none !important;
}

body.imm,
body.imm>.panel {
	padding-top: 0 !important;
}

body.imm .navbar {
	height: 80px !important;
	transition-duration: 1s !important;
}

.pinbar>a {
	top: 56px !important;
	position: fixed !important;
}

#gobalsettingpage .list-block .item-inner:after {
	display: none;
}

#gobalsettingpage .accordion-item>a {
	width: 100% !important;
	z-index: 1 !important;
	height: 56px;
	border-bottom: 1px rgba(0, 0, 0, .1) solid !important;
}

#gobalsettingpage .accordion-item:not(.accordion-item-expanded)>.accordion-item-content {
	display: none !important;
}

#gobalsettingpage .accordion-item-expanded>.accordion-item-content {
	height: auto !important;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

#gobalsettingpage .accordion-item-expanded.pinbar>.accordion-item-content {
	padding-top: 56px;
}

body.imm .pinbar>a {
	top: 80px !important;
}

body.imm .searchbar,
body.imm .page:not([data-page="photo-browser-slides"]) .tabbar {
	top: 80px !important;
	-webkit-transition-duration: 1s !important;
	transition-duration: 1s !important;
	box-shadow: initial !important;
}

body.imm .page[data-page="Index"]:not(.not-transparent) .navbar,
body.imm .page[data-page="tagpage"]:not(.not-transparent) .navbar,
body.imm .page[data-page="panel-right1"]:not(.not-transparent) .navbar,
body.imm .page[data-page="gobalsettingpage"]:not(.not-transparent) .navbar,
body.imm .page[data-page="panel-left"]:not(.not-transparent) .navbar,
body.imm .page[data-page="Index"]:not(.not-transparent) .tabbar,
body.imm .page[data-page="gobalsettingpage"]:not(.not-transparent) .tabbar,
body.imm .page[data-page="panel-left"] .tabbar {
	background-color: rgba(0, 0, 0, 0.3) !important;
	box-shadow: initial !important;
}

body.imm .navbar-inner {
	height: 80px !important;
}

body.imm.hasstatusbar .navbar-inner {
	padding-top: 24px !important;
}

body.imm.hasstatusbar.hasnotch .navbar-inner {
	padding-top: 32px !important;
}

body.imm .pageprogressbar {
	top: 80px !important;
}

body.imm .multsearchprogress {
	top: 125px !important;
}

body.imm .page:not([data-page="Index"]):not([data-page="gobalsettingpage"]):not([data-page="panel-left"]):not([data-page="panel-right1"]) .page-content {
	padding-top: 80px !important;
}

body.imm .page:not([data-page="Index"]):not([data-page="gobalsettingpage"]):not([data-page="panel-left"]):not([data-page="filemangerpage"]) .page-content.list-block {
	margin-top: 0 !important;
	padding-top: 112px !important;
}

body.imm #setting-form {
	margin-top: 24px !important;
}

body.imm #setting-form .personinfo {
	margin-top: -80px !important;
}

body.imm #setting-form .person_img {
	margin-top: 120px !important;
}

body.imm .presoninfo_bg .feature-buttons,
body.imm .panel-info .personinfo,
body.imm #listpic {
	margin-top: -56px !important;
	padding-top: 80px !important;
}

body.imm.largechapter #listpic .listcoverbox {
	margin-top: -80px;
}

body.imm .page:not([data-page="Main"]) .cardremovedsave {
	top: 80px !important;
}

.type-lists-name {
	text-align: center;
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	left: 32px;
	right: 32px;
	text-shadow: 0 0 3px #000000;
	font-size: 24px;
	color: white;
}

.type-lists-title {
	white-space: nowrap;
	line-height: 32px;
	height: 32px;
}

.type-lists-content {
	text-align: center;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}

.type-lists-item {
	width: calc((100% - 50px) / 3);
	height: 25vh;
	width: calc((100vw - 50px) / 3);
	height: calc((100vw - 50px) / 3 / 0.75);
	margin: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	border-radius: 5px;
	overflow: hidden;
}

.type-lists-item-img {
	width: 100%;
	height: 100%;
	background-image: initial;
}

.type-lists-item-container {
	bottom: 0;
	width: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
}

.type-lists-item-title {
	white-space: nowrap;
	overflow: hidden;
	font-size: 10px;
}

.type-lists-item-stitle {
	white-space: nowrap;
	overflow: hidden;
	font-size: 8px;
}

.type-lists-more {
	padding: 10px 0;
}

body.disableboxshadow.with-panel-left-cover:not(.isandroidkitkat) .panel,
body.disableboxshadow.with-panel-right-cover .panel,
body.disableboxshadow .view:not([data-page='photo-browser-slides']) .navbar,
body.disableboxshadow .view-main:not([data-page='photo-browser-slides']) .toolbar,
body.disableboxshadow .indexfavicon,
body.disableboxshadow .indexpluginicon,
body.disableboxshadow .page[data-page="Index"] .indexfavlist#plugins,
body.disableboxshadow .type-lists-item,
body.disableboxshadow .indexfavlistcontainter .indexfavlistitem,
body.disableboxshadow .detailveiw .class-item-img,
body.disableboxshadow.with-panel-left-reveal .views,
body.disableboxshadow.with-panel-right-reveal:not(.isandroidkitkat) .views,
body.disableboxshadow #listpic .description,
body.disableboxshadow .modal,
body.disableboxshadow .panelbottombar,
body.disableboxshadow .item-media img,
body.disableboxshadow .mui-refresh-main {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

body.disableboxshadow.with-panel-right-reveal:not(.isandroidkitkat):not(.largechapter):not(.panels-3d) .views {
	border-right: 1px solid rgba(0, 0, 0, .12);
}

body.disableboxshadow #listpic .description {
	border-bottom: 1px solid rgba(0, 0, 0, .12);
}

body.disableboxshadow .panelbottombar {
	border-top: 1px solid rgba(0, 0, 0, .12);
}

body.disableboxshadow .mui-refresh-main {
	border: 1px rgba(0, 0, 0, 0.1) solid;
}

i.icon.icon-f7 {
	width: 24px;
	height: 24px;
	background-image: url("img/icon.png");
	border-radius: 3px;
}

@media all and (orientation :landscape) {
	.media-list.list-block ul {
		display: inline-block;
		width: 100vw;
	}

	body.imm.largechapter #listpic img {
		margin-top: 0px !important;
	}

	body:not(.isandroidkitkat):not(.cardleftpiccardstyle) .media-list.list-block ul {
		display: table;
	}

	body .cardleftpicfixed .item-text {
		height: calc(20vw - 48px - 30px - 31px);
	}

	body .cardleftpicfixed .item-text.item-text-fill {
		height: calc(20vw - 48px - 30px - 31px + 21px);
	}

	.viewerendpanel>.photo-browser-lastpage-cover {
		width: calc(75vh) !important;
		height: calc(100vh) !important;
		float: left !important;
	}

	.photo-browser-lastpage-title {
		height: calc(100vh - 48px);
		line-height: calc(100vh - 48px);
	}

	.readlast .photo-browser-lastpage-title,
	.readnext .photo-browser-lastpage-title {
		height: calc(100vh - 48px - 48px);
		line-height: calc(100vh - 48px - 48px);
	}

	.readlast.readnext .photo-browser-lastpage-title {
		height: calc(100vh - 48px - 48px - 48px);
		line-height: calc(100vh - 48px - 48px - 48px);
	}
}

.previewpage-content {
	width: 100%;
	overflow: auto;
	display: table;
}

body.largechapter .panel.panel-right.panel-reveal.active {
	width: 100vw !important;
	z-index: 10000 !important;
}

body.largechapter #listheader {
	margin-left: 0 !important;
}

body.largechapter .listback {
	display: block !important;
}

@media all and (orientation :landscape) and (min-width:400px) {
	.indexfavlistcontainter .indexfavlistitem {
		width: calc((100vw - 60px) / 5);
		height: calc((100vw - 60px) / 5 / 0.75);
	}

	.panel.panel-left.panel-cover {
		display: block !important;
	}

	.previewpage-content>img.preview-img {
		width: calc(100% / 5)
	}

	.previewpage-content[style~='zoom:']>img.preview-img {
		width: auto;
	}

	.feature-lists li,
	.swipeout,
	#type-page li,
	.dynamic-page:not(.alone-page) li,
	#listcontent li {
		float: left !important;
		width: 50%;
		max-width: 50vw;
	}

	.multdownloaditem {
		width: 50vw;
	}

	.multdownloaditem.card {
		width: calc(50% - 12px);
		width: calc(50vw - 12px);
	}

	.media-list.multlistcontent li,
	.media-list.multpage:not(.multdownpage) li {
		width: 50vw;
	}

	.media-list.multlistcontent li.card,
	.media-list.multpage li.card {
		width: calc(50% - 12px);
		width: calc(50vw - 12px);
	}

	.choosercheck li {
		width: 50%;
		float: left;
	}

	.smallroundcover .media-list.multlistcontent>ul>li.card,
	.smallroundcover .media-list.multpage>ul>li:not(.downloadcontent-open),
	.smallroundcover .multdownloaditem:not(.downloadcontent-open) {
		height: 120px;
	}

	.smallroundcover .media-list.multlistcontent>ul>li.card .item-inner,
	.smallroundcover .media-list.multpage>ul>li:not(.downloadcontent-open) .item-inner {
		height: 120px;
	}

	.downloadcontent-open .downloadcontent li .item-content {
		height: 98px;
	}

	#filemangerpage>ul>li.rootitem {
		width: 100vw !important;
		max-width: none !important;
	}

	.item-title-row>.item-after {
		max-width: 50% !important;
	}

	.sortable-opened li {
		float: inherit !important;
		width: inherit !important;
		max-width: none;
	}

	.cardleftpic img {
		width: 15vw !important;
		height: 20vw !important;
		object-fit: cover;
	}

	body:not(.smallroundcover) .item-media img.cardlistimg {
		width: 15vw;
		height: 20vw;
	}

	.cardleftpic:not(.card) {
		float: left !important;
		width: 50vw !important;
	}

	.card:not(.ks-card-header-pic) {
		float: left !important;
		width: calc(50% - 12px);
		padding: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	.gallerymode.cardcontainer>.carditem {
		width: 20vw !important;
		height: 27vw !important;
	}

	.gallerymode.cardcontainer>.carditem.card {
		width: 18.8vw !important;
		margin-left: 1vw;
		margin-right: 0vw;
		margin-top: 1vw;
		margin-bottom: 0vw;
	}

	#plugins,
	.feature-lists,
	.about-lists,
	#type-page ul,
	.dynamic-page:not(.alone-page) ul,
	#listcontent,
	.copyright,
	#listcontent ul {
		display: table !important;
		width: 100%;
	}

	#listpic {
		display: inline-block !important;
		width: 100%;
	}

	#pluginspage li {
		height: 100px !important;
	}

	#pluginspage li p {
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	.panel.panel-right.panel-reveal.active {
		width: 100vw !important;
		z-index: 10000 !important;
	}

	#listpic>.listcover {
		float: left !important;
		width: 30vw !important;
		margin: 10px !important;
	}

	#listpic .hcovertags {
		display: block !important;
	}

	#listpic .pcovertags {
		display: none !important;
	}

	#listpic>.listbuttons {
		position: absolute !important;
		float: right !important;
		right: 0 !important;
		z-index: 1 !important;
		width: initial !important;
		display: initial !important;
	}

	#listpic .listcover>a.button.button-fill.color-black {
		height: auto !important;
		bottom: inherit !important;
		position: inherit !important;
		background-color: black !important;
		font-size: inherit !important;
		line-height: 1.2 !important;
	}

	#listpic .button {
		width: inherit !important;
		height: 36px !important;
		min-width: inherit !important;
		line-height: 36px !important;
		font-size: inherit !important;
		padding: 0 10px !important;
	}

	#listpic>.description>p {
		margin-bottom: 0;
	}

	#listpic>.description {
		margin: 0 80px 0 0 !important;
		max-height: 100vh !important;
		max-height: calc(100vh - 56px - 32px) !important;
		border: initial !important;
		box-shadow: 0 0 0 !important;
	}

	body.imm.largechapter #listpic .listcoverbox {
		margin-top: initial !important;
	}

	#listpic>.listexpend {
		display: none !important;
	}

	#listpic>.listtags {
		text-align: center !important;
		padding: 10px !important;
		max-width: calc(100% - 100px) !important;
	}

	#listpic>.listtags>.chip {
		max-width: 50vw !important;
	}

	#listheader {
		margin-left: 0 !important;
	}

	.listback {
		display: block !important;
	}

	.recommonitemmain {
		display: inline-block;
		display: flex;
		justify-content: center;
		line-height: 220px;
		height: 220px;
	}

	.recommonitemmain>div {
		width: inherit !important;
		max-width: 50vw;
		margin-top: 80px;
		margin-left: 20px;
		float: right;
	}

	.recommonitembg {
		background-position: center;
	}
}

@media all and (orientation :landscape) and (min-width:740px) {
	.indexfavlistcontainter .indexfavlistitem {
		width: calc((100vw - 70px) / 6);
		height: calc((100vw - 70px) / 6 / 0.75);
	}

	.type-lists-item {
		width: calc((100vw - 50px) / 6.5);
		height: calc((100vw - 50px) / 6.5 / 0.75);
	}

	.feature-buttons .detailveiw a {
		float: none !important;
		width: initial !important;
		padding: 100px 10px 0 10px !important
	}

	#type-page .detailveiw a {
		float: none !important;
		width: 10vw !important;
	}

	.feature-lists li,
	.swipeout,
	#type-page li,
	.dynamic-page:not(.alone-page) li,
	#listcontent li {
		float: left !important;
		width: 33.3%;
		max-width: 33.3vw;
	}

	#filemangerpage>ul>li:nth-child(1) {
		width: 100vw !important;
		max-width: none !important;
	}

	body:not(.smallroundcover) .item-media img.cardlistimg {
		width: 9vw !important;
		height: 12vw !important;
	}

	.card:not(.ks-card-header-pic):not(.cardleftpic) {
		float: left !important;
		width: calc(33.3% - 10px);
		padding: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	.multdownloaditem {
		width: 33.3vw;
	}

	.multdownloaditem.card {
		width: calc(33.3% - 10px);
		width: calc(33.3vw - 10px);
	}

	.media-list.multlistcontent li,
	.media-list.multpage:not(.multdownpage) li {
		width: 33.3vw;
		min-height: 108px;
	}

	.media-list.multlistcontent li.card,
	.media-list.multpage li.card {
		width: calc(33.3% - 10px);
		width: calc(33.3vw - 10px);
	}

	.choosercheck li {
		width: 33.3%;
		float: left;
	}
}

@media all and (orientation :landscape) {
	#aboutauthor table td:nth-child(1) {
		display: inherit;
	}

	#aboutauthor table td:nth-child(1) img {
		padding-top: 32px;
	}

	#aboutauthor #aboutapplogo {
		display: none;
	}

	.page[data-page='gobalsettingpage'] .list-block.inputs-list .label,
	.page[data-page='gobalsettingpage'] .list-block .item-title {
		white-space: nowrap;
	}
}

@media all and (orientation :landscape) and (max-height:500px) {
	.textviewerpage-settingpanel {
		margin-left: 128px;
	}

	.textviewer-img {
		margin-top: 90px;
	}
}

@media all and (orientation :portrait) {
	body.largechapter .listcoverbox {
		max-height: 75vw;
		overflow: auto;
	}

	#aboutauthor table td:nth-child(1) {
		display: none;
	}

	#aboutauthor #aboutapplogo {
		display: inherit;
		padding-top: 32px;
	}

	.previewpage-content>img.preview-img {
		width: calc(100% / 3)
	}

	.previewpage-content[style~='zoom:']>img.preview-img {
		width: auto;
	}

	.listback {
		display: none;
	}
}

@media all and (orientation :portrait) and (max-height:530px) {
	.textviewerpage-settingpanel {
		margin-left: 128px;
	}

	.textviewer-img {
		margin-top: 90px;
	}
}

@media all and (max-height:600px) {
	.actions-modal.modal-in {
		overflow: auto !important
	}

	.actions-modal-img {
		border-radius: 50px !important;
		width: 50px !important;
		height: 50px !important;
		top: 0 !important;
		left: 0 !important;
	}

	.actions-modal-title {
		padding-left: 50px !important;
	}
}
